Maroon Colors  ·  Color Library

Palettes / Colors / #ABCDAA

#ABCDAA — Light Dusty Green

#ABCDAA is a green color we call Light Dusty Green, closest to the named color Silver (#C0C0C0). It belongs to the green family.

Color name

Closest CSS keyword: silver (#C0C0C0) — not an exact match. CSS silver gives you #C0C0C0, a different color; use #ABCDAA 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.

#ABCDAA 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 #CDABCE; it also sits naturally between #BECEAB and #ABCEBC. In the palettes below you can see it working alongside real color combinations from our collection.

#ABCDAA · RGB 171, 205, 170

Download PNG swatch SVG

Color values

HEX#ABCDAA
RGB171, 205, 170
HSL118°, 26%, 74%
HSV118°, 17%, 80%
CMYK17%, 0%, 17%, 20%
XYZ45.88, 55.22, 46.27
Yxy55.22, 0.3113, 0.3747
CIE-Lab79.17, -17.99, 13.72
Hunter Lab74.31, -16.12, 11.48

RGB & CMYK percentages

Red 67% · Green 80% · Blue 67%

Cyan 17% · Magenta 0% · Yellow 17% · Key 20%

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

Previews

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

CSS code for #ABCDAA

.text { color: #ABCDAA; }
.background { background-color: #ABCDAA; }
.border { border: 3px solid #ABCDAA; }
.text-rgb { color: rgb(171, 205, 170); }
.text-hsl { color: hsl(118, 26%, 74%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #ABCDAA; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(171, 205, 170, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #ABCDAA; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(171, 205, 170, 0.8); }

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

Shades of #ABCDAA

#96C195#80B47E#6AA668#599457#4B7D4A#3E673C#30502F#233A22#152315#080D08

Tints of #ABCDAA

#B3D2B2#B9D5B8#C3DBC2#C9DFC8#CFE3CF#D6E6D5#DCEADC#E6F0E5#ECF4EC#F2F7F2

Tones of #ABCDAA

#AFCBAE#B1C9B0#B3C7B3#B6C4B5#B8C1B8#BABFBA

Color harmonies

Complementary — #CDABCE:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.74:1 Fails
Against black text12.04:1 AAA

Best text color on #ABCDAA: #000000.

Semi-transparent (opacity) text on #ABCDAA

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 #ABCDAA: ·

How #ABCDAA looks with color blindness

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

Protanopia · #BABAB2Deuteranopia · #B8B5B5Tritanopia · #ADB9BB

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 · #8BC34AMaterial Blue Grey 500 · #607D8B

Palettes with a similar color

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

Palette F6ffde
#F6FFDE · #E3F2C1 · #C9DBB2 · #AAC8A7
Palette 88ab8e
#88AB8E · #AFC8AD · #EEE7DA · #F2F1EB
Palette Eeeeee
#EEEEEE · #ACC6AA · #71A0A5 · #77628C
Palette 744577
#744577 · #F0E9B6 · #ACCFA3 · #84C5B1
Hidden Harbor
#B7A464 · #ACC7A5 · #6EC4B5 · #8F96C4
Palette E7efc7
#E7EFC7 · #AEC8A4 · #8A784E · #3B3B1A

Similar colors

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

#AAC8A7#AFC8AD#ACC6AA#ACCFA3#ACC7A5#AEC8A4#B2C9AD#A3C9AA#ACC5A6#ABC4AA#A8C4A6#B4CFB0

Browse neighbouring colors

← #ABCDA9  ·  #ABCDAB →

Frequently asked questions

What color is #ABCDAA?

#ABCDAA is Light Dusty Green, a green color (RGB 171, 205, 170). Its closest standard named color is Silver.

What is the RGB and HSL of #ABCDAA?

#ABCDAA is RGB 171, 205, 170 — HSL 118°, 26%, 74% — CMYK 17%, 0%, 17%, 20%.

What colors go with #ABCDAA?

Its complement is #CDABCE; analogous partners are #BECEAB and #ABCEBC. It also appears in 6+ palettes in our collection.

Can I use #ABCDAA for text?

Black text on #ABCDAA has a contrast ratio of 12.04:1 (passes WCAG AA); white text gives 1.74:1.