Maroon Colors  ·  Color Library

Palettes / Colors / #ACBC91

#ACBC91 — Dusty Green

#ACBC91 is a green color we call Dusty Green, closest to the named color DarkSeaGreen (#8FBC8F). It belongs to the green family.

Color name

Closest CSS keyword: darkseagreen (#8FBC8F) — not an exact match. CSS darkseagreen gives you #8FBC8F, a different color; use #ACBC91 when you need this exact shade.

Sources: common names follow widely used color-name references; CSS keywords and their hex values follow the CSS Color specification.

#ACBC91 is a warm-leaning green color associated with growth, calm and balance. It sits comfortably in the middle: usable for large areas in soft schemes, or as a supporting color beside something stronger.

Its strongest partner is its complement #A090BB; it also sits naturally between #BBB590 and #96BB90. In the palettes below you can see it working alongside real color combinations from our collection.

#ACBC91 · RGB 172, 188, 145

Download PNG swatch SVG

Color values

HEX#ACBC91
RGB172, 188, 145
HSL82°, 24%, 65%
HSV82°, 23%, 74%
CMYK9%, 0%, 23%, 26%
XYZ40.11, 46.78, 33.70
Yxy46.78, 0.3326, 0.3879
CIE-Lab74.05, -13.12, 19.97
Hunter Lab68.40, -11.55, 15.51

RGB & CMYK percentages

Red 67% · Green 74% · Blue 57%

Cyan 9% · Magenta 0% · Yellow 23% · Key 26%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #ACBC91 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #ACBC91 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #ACBC91

.text { color: #ACBC91; }
.background { background-color: #ACBC91; }
.border { border: 3px solid #ACBC91; }
.text-rgb { color: rgb(172, 188, 145); }
.text-hsl { color: hsl(82, 24%, 65%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #ACBC91; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(172, 188, 145, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #ACBC91; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(172, 188, 145, 0.8); }

HTML: <p style="color:#ACBC91">Text here</p> · <div style="background-color:#ACBC91">Div content here</div>

Shades of #ACBC91

#9DB07D#8FA46A#80955B#6F824F#5F6F44#4C5936#3C462B#2B331F#1B2013#0B0D08

Tints of #ACBC91

#B3C19A#BAC7A3#C1CDAD#C8D2B6#D2DAC3#D9E0CC#E0E6D6#E7ECDF#EEF1E9#F5F7F2

Tones of #ACBC91

#ABB893#AAB597#A9B299#A8AF9D#A7ACA0#A6A8A3

Color harmonies

Complementary — #A090BB:

Analogous:

Triadic:

Contrast & accessibility

Against white text2.03:1 Fails
Against black text10.36:1 AAA

Best text color on #ACBC91: #000000.

Semi-transparent (opacity) text on #ACBC91

Text set with opacity blends into the background, so its real contrast is lower than the solid ratios above. Choose a text color and an opacity to see the blended color and its true ratio:

100%
Sample heading text
Smaller body text shows the effect best.

Blended color: · Contrast against #ACBC91: ·

How #ACBC91 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #B3B39BDeuteranopia · #B2B19ETritanopia · #ADA4A5

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Material Grey 500 · #9E9E9EMaterial Light Green 500 · #8BC34ATailwind neutral 500 · #737373

Palettes with a similar color

These palettes use a close neighbour of #ACBC91 rather than the exact color:

Golden Ruby Bloom
#755A9D · #C09FB3 · #C8A087 · #ABBC91
Palette 362706
#362706 · #464E2E · #ACB992 · #E9E5D6
Modern Ruby Canyon
#B85C8F · #B48568 · #ADB796 · #43704E
Palette 3c6255
#3C6255 · #61876E · #A6BB8D · #EAE7B1
Scarlet Ruby Solace
#823F50 · #B99570 · #ABB58F · #68BC6C
Burning Ruby Bloom
#936CBE · #A17190 · #A46753 · #B2B793

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#ABBC91#ACB992#ADB796#A6BB8D#ABB58F#B2B793#A4BC92#B0BA99#AAB99A#A5B68D#AEB48B#A4C294

Browse neighbouring colors

← #ACBC90  ·  #ACBC92 →

Frequently asked questions

What color is #ACBC91?

#ACBC91 is Dusty Green, a green color (RGB 172, 188, 145). Its closest standard named color is DarkSeaGreen.

What is the RGB and HSL of #ACBC91?

#ACBC91 is RGB 172, 188, 145 — HSL 82°, 24%, 65% — CMYK 9%, 0%, 23%, 26%.

What colors go with #ACBC91?

Its complement is #A090BB; analogous partners are #BBB590 and #96BB90. It also appears in 6+ palettes in our collection.

Can I use #ACBC91 for text?

Black text on #ACBC91 has a contrast ratio of 10.36:1 (passes WCAG AA); white text gives 2.03:1.