Maroon Colors  ·  Color Library

Palettes / Colors / #C5CEAA

#C5CEAA — Light Dusty Green

#C5CEAA 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 #C5CEAA 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.

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

#C5CEAA · RGB 197, 206, 170

Download PNG swatch SVG

Color values

HEX#C5CEAA
RGB197, 206, 170
HSL75°, 27%, 74%
HSV75°, 17%, 81%
CMYK4%, 0%, 17%, 19%
XYZ52.35, 58.92, 46.64
Yxy58.92, 0.3315, 0.3731
CIE-Lab81.24, -9.30, 16.90
Hunter Lab76.76, -8.61, 14.04

RGB & CMYK percentages

Red 77% · Green 81% · Blue 67%

Cyan 4% · Magenta 0% · Yellow 17% · Key 19%

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

Previews

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

CSS code for #C5CEAA

.text { color: #C5CEAA; }
.background { background-color: #C5CEAA; }
.border { border: 3px solid #C5CEAA; }
.text-rgb { color: rgb(197, 206, 170); }
.text-hsl { color: hsl(75, 27%, 74%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #C5CEAA; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(197, 206, 170, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #C5CEAA; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(197, 206, 170, 0.8); }

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

Shades of #C5CEAA

#B6C294#A7B57D#97A867#859556#717E49#5D683C#48512F#343A22#202414#0C0D07

Tints of #C5CEAA

#CAD2B1#CED6B8#D5DCC1#DADFC8#DEE3CE#E2E7D5#E7EBDB#EDF0E5#F2F4EC#F6F8F2

Tones of #C5CEAA

#C4CCAD#C3C9B0#C2C7B3#C1C5B5#BFC2B7#BEBFBA

Color harmonies

Complementary — #B4ABCF:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.64:1 Fails
Against black text12.78:1 AAA

Best text color on #C5CEAA: #000000.

Semi-transparent (opacity) text on #C5CEAA

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

How #C5CEAA looks with color blindness

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

Protanopia · #C9C9B3Deuteranopia · #C8C8B5Tritanopia · #C5BABB

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 · #9E9E9EBootstrap light · #F8F9FAMaterial Light Green 500 · #8BC34A

Palettes with a similar color

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

Palette 7f2020
#7F2020 · #869B7E · #C9CAAC · #F6F3EB
Palette Bfcba8
#BFCBA8 · #5B8A72 · #56776C · #464F41
Palette F1efef
#F1EFEF · #CCC8AA · #7D7C7C · #191717
Palette E9eed9
#E9EED9 · #CBD2A4 · #9A7E6F · #54473F
Palette E7cccc
#E7CCCC · #EDE8DC · #A5B68D · #C1CFA1
Palette Ef9c66
#EF9C66 · #FCDC94 · #C8CFA0 · #78ABA8

Similar colors

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

#C9CAAC#BFCBA8#CCC8AA#CBD2A4#C1CFA1#C8CFA0#CCD5AE#CCD6A6#BDC8A4#C1D0B5#C4D7B2#BFD8AF

Browse neighbouring colors

← #C5CEA9  ·  #C5CEAB →

Frequently asked questions

What color is #C5CEAA?

#C5CEAA is Light Dusty Green, a green color (RGB 197, 206, 170). Its closest standard named color is Silver.

What is the RGB and HSL of #C5CEAA?

#C5CEAA is RGB 197, 206, 170 — HSL 75°, 27%, 74% — CMYK 4%, 0%, 17%, 19%.

What colors go with #C5CEAA?

Its complement is #B4ABCF; analogous partners are #CFC6AB and #B4CFAB. It also appears in 6+ palettes in our collection.

Can I use #C5CEAA for text?

Black text on #C5CEAA has a contrast ratio of 12.78:1 (passes WCAG AA); white text gives 1.64:1.