#CCDA8D

Color Details

HEX
#CCDA8D
RGB
rgb(204, 218, 141)
HSL
hsl(71, 51%, 70%)
CMYK
cmyk(6%, 0%, 35%, 15%)
Best text on this color #000000 (CR 13.98:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ccda8d
Contrast 13.98:1 AAA
White on #ccda8d
Contrast 1.50:1 Fail
#ccda8d on Black
Contrast 13.98:1 AAA
#ccda8d on White
Contrast 1.50:1 Fail

Tints & Shades

#d6e1a4
#e0e9bb
#ebf0d1
#a3ae71
#7a8355
#525738

Complement & Analogous

#9a8bda
#a4da8b
#dac18b

Triadic

#8bcbda
#da8bcb

Monochrome

#525738 #7a8355 #ccda8d #e0e9bb #ebf0d1 #f5f8e8

Analogous

#dac18b #e5d4ae #ccda8d #b6e1a2 #a4da8b #83ae6f

Complementary Mix

#7a8355 #ccda8d #e0e9bb #9a8bda #bdb4e7 #645a8e

Nearby Colors

#ccda8c
#ccda8e
#ccda7d
#ccda9d

Embed #CCDA8D swatch

Embed this swatch

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

Open image

About #CCDA8D

#CCDA8D converts to RGB(204, 218, 141) and HSL(71, 51%, 70%). 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).

#CCDA8D FAQs

What is the RGB value of #CCDA8D?
RGB: 204, 218, 141. Copy as CSS: rgb(204, 218, 141)
Is #CCDA8D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CCDA8D?
Complement: #9a8bda.
Does #CCDA8D have good contrast on white or black?
On white: 1.50:1 (Fails AA). On black: 13.98:1 (AAA (normal text)).