#CCD23E

Color Details

HEX
#CCD23E
RGB
rgb(204, 210, 62)
HSL
hsl(62, 62%, 53%)
CMYK
cmyk(3%, 0%, 70%, 18%)
Best text on this color #000000 (CR 12.86:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ccd23e
Contrast 12.86:1 AAA
White on #ccd23e
Contrast 1.63:1 Fail
#ccd23e on Black
Contrast 12.86:1 AAA
#ccd23e on White
Contrast 1.63:1 Fail

Tints & Shades

#d6db65
#e0e48b
#ebedb2
#a3a832
#7a7e25
#525419

Complement & Analogous

#423dd1
#82d13d
#d18c3d

Triadic

#3dcdd1
#d13dcd

Monochrome

#525419 #7a7e25 #ccd23e #e0e48b #ebedb2 #f5f6d8

Analogous

#d18c3d #dfaf77 #ccd23e #9bda64 #82d13d #68a731

Complementary Mix

#7a7e25 #ccd23e #e0e48b #423dd1 #8481e1 #2b2888

Nearby Colors

#ccd23d
#ccd23f
#ccd22e
#ccd24e

Embed #CCD23E swatch

Embed this swatch

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

Open image

About #CCD23E

#CCD23E converts to RGB(204, 210, 62) and HSL(62, 62%, 53%). 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).

#CCD23E FAQs

What is the RGB value of #CCD23E?
RGB: 204, 210, 62. Copy as CSS: rgb(204, 210, 62)
Is #CCD23E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CCD23E?
Complement: #423dd1.
Does #CCD23E have good contrast on white or black?
On white: 1.63:1 (Fails AA). On black: 12.86:1 (AAA (normal text)).