#CCD45B

Color Details

HEX
#CCD45B
RGB
rgb(204, 212, 91)
HSL
hsl(64, 58%, 59%)
CMYK
cmyk(4%, 0%, 57%, 17%)
Best text on this color #000000 (CR 13.14:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ccd45b
Contrast 13.14:1 AAA
White on #ccd45b
Contrast 1.60:1 Fail
#ccd45b on Black
Contrast 13.14:1 AAA
#ccd45b on White
Contrast 1.60:1 Fail

Tints & Shades

#d6dd7c
#e0e59d
#ebeebd
#a3aa49
#7a7f37
#525524

Complement & Analogous

#625ad3
#8ed35a
#d39f5a

Triadic

#5acbd3
#d35acb

Monochrome

#525524 #7a7f37 #ccd45b #e0e59d #ebeebd #f5f6de

Analogous

#d39f5a #e0bc8c #ccd45b #a5dc7b #8ed35a #72a948

Complementary Mix

#7a7f37 #ccd45b #e0e59d #625ad3 #9994e2 #403b89

Nearby Colors

#ccd45a
#ccd45c
#ccd44b
#ccd46b

Embed #CCD45B swatch

Embed this swatch

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

Open image

About #CCD45B

#CCD45B converts to RGB(204, 212, 91) and HSL(64, 58%, 59%). 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).

#CCD45B FAQs

What is the RGB value of #CCD45B?
RGB: 204, 212, 91. Copy as CSS: rgb(204, 212, 91)
Is #CCD45B a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CCD45B?
Complement: #625ad3.
Does #CCD45B have good contrast on white or black?
On white: 1.60:1 (Fails AA). On black: 13.14:1 (AAA (normal text)).