#C2D1A8

Color Details

HEX
#C2D1A8
RGB
rgb(194, 209, 168)
HSL
hsl(82, 31%, 74%)
CMYK
cmyk(7%, 0%, 20%, 18%)
Best text on this color #000000 (CR 12.98:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c2d1a8
Contrast 12.98:1 AAA
White on #c2d1a8
Contrast 1.62:1 Fail
#c2d1a8 on Black
Contrast 12.98:1 AAA
#c2d1a8 on White
Contrast 1.62:1 Fail

Tints & Shades

#cedab9
#dae3cb
#e7eddc
#9ba786
#747d65
#4e5443

Complement & Analogous

#b7a8d1
#aed1a8
#d1cca8

Triadic

#a8c2d1
#d1a8c2

Monochrome

#4e5443 #747d65 #c2d1a8 #dae3cb #e7eddc #f3f6ee

Analogous

#d1cca8 #dfdbc2 #c2d1a8 #bedab9 #aed1a8 #8ba786

Complementary Mix

#747d65 #c2d1a8 #dae3cb #b7a8d1 #d0c6e1 #776d88

Nearby Colors

#c2d1a7
#c2d1a9
#c2d198
#c2d1b8

Embed #C2D1A8 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #C2D1A8

#C2D1A8 converts to RGB(194, 209, 168) and HSL(82, 31%, 74%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#C2D1A8 FAQs

What is the RGB value of #C2D1A8?
RGB: 194, 209, 168. Copy as CSS: rgb(194, 209, 168)
Is #C2D1A8 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C2D1A8?
Complement: #b7a8d1.
Does #C2D1A8 have good contrast on white or black?
On white: 1.62:1 (Fails AA). On black: 12.98:1 (AAA (normal text)).