#CCDA0C

Color Details

HEX
#CCDA0C
RGB
rgb(204, 218, 12)
HSL
hsl(64, 90%, 45%)
CMYK
cmyk(6%, 0%, 94%, 15%)
Best text on this color #000000 (CR 13.60:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ccda0c
Contrast 13.60:1 AAA
White on #ccda0c
Contrast 1.54:1 Fail
#ccda0c on Black
Contrast 13.60:1 AAA
#ccda0c on White
Contrast 1.54:1 Fail

Tints & Shades

#d6e13d
#e0e96d
#ebf09e
#a3ae0a
#7a8307
#525705

Complement & Analogous

#190bda
#65da0b
#da810b

Triadic

#0bccda
#da0bcc

Monochrome

#525705 #7a8307 #ccda0c #e0e96d #ebf09e #f5f8ce

Analogous

#da810b #e5a754 #ccda0c #84e13c #65da0b #51ae09

Complementary Mix

#7a8307 #ccda0c #e0e96d #190bda #6a60e7 #10078e

Nearby Colors

#ccda0b
#ccda0d
#ccd9fc
#ccda1c

Embed #CCDA0C swatch

Embed this swatch

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

Open image

About #CCDA0C

#CCDA0C converts to RGB(204, 218, 12) and HSL(64, 90%, 45%). 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).

#CCDA0C FAQs

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