#CCD13F

Color Details

HEX
#CCD13F
RGB
rgb(204, 209, 63)
HSL
hsl(62, 61%, 53%)
CMYK
cmyk(2%, 0%, 70%, 18%)
Best text on this color #000000 (CR 12.76:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ccd13f
Contrast 12.76:1 AAA
White on #ccd13f
Contrast 1.65:1 Fail
#ccd13f on Black
Contrast 12.76:1 AAA
#ccd13f on White
Contrast 1.65:1 Fail

Tints & Shades

#d6da65
#e0e38c
#ebedb2
#a3a732
#7a7d26
#525419

Complement & Analogous

#433ed0
#82d03e
#d08c3e

Triadic

#3ecbd0
#d03ecb

Monochrome

#525419 #7a7d26 #ccd13f #e0e38c #ebedb2 #f5f6d9

Analogous

#d08c3e #deaf78 #ccd13f #9bd965 #82d03e #68a632

Complementary Mix

#7a7d26 #ccd13f #e0e38c #433ed0 #8582e0 #2c2887

Nearby Colors

#ccd13e
#ccd140
#ccd12f
#ccd14f

Embed #CCD13F swatch

Embed this swatch

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

Open image

About #CCD13F

#CCD13F converts to RGB(204, 209, 63) and HSL(62, 61%, 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).

#CCD13F FAQs

What is the RGB value of #CCD13F?
RGB: 204, 209, 63. Copy as CSS: rgb(204, 209, 63)
Is #CCD13F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CCD13F?
Complement: #433ed0.
Does #CCD13F have good contrast on white or black?
On white: 1.65:1 (Fails AA). On black: 12.76:1 (AAA (normal text)).