#CCDE1E

Color Details

HEX
#CCDE1E
RGB
rgb(204, 222, 30)
HSL
hsl(66, 76%, 49%)
CMYK
cmyk(8%, 0%, 86%, 13%)
Best text on this color #000000 (CR 14.03:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ccde1e
Contrast 14.03:1 AAA
White on #ccde1e
Contrast 1.50:1 Fail
#ccde1e on Black
Contrast 14.03:1 AAA
#ccde1e on White
Contrast 1.50:1 Fail

Tints & Shades

#d6e54b
#e0eb78
#ebf2a5
#a3b218
#7a8512
#52590c

Complement & Analogous

#311edc
#6adc1e
#dc901e

Triadic

#1ec9dc
#dc1ec9

Monochrome

#52590c #7a8512 #ccde1e #e0eb78 #ebf2a5 #f5f8d2

Analogous

#dc901e #e7b162 #ccde1e #88e34b #6adc1e #55b018

Complementary Mix

#7a8512 #ccde1e #e0eb78 #311edc #796de8 #20148f

Nearby Colors

#ccde1d
#ccde1f
#ccde0e
#ccde2e

Embed #CCDE1E swatch

Embed this swatch

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

Open image

About #CCDE1E

#CCDE1E converts to RGB(204, 222, 30) and HSL(66, 76%, 49%). 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).

#CCDE1E FAQs

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