#CCD917 Color

#CCD917 is rgb(204, 217, 23) in RGB and hsl(64, 81%, 47%) in HSL. The closest CSS named color is GreenYellow. Black text is most readable on this background.

#CCD917

HEX#CCD917

RGBrgb(204, 217, 23)

HSLhsl(64, 81%, 47%)

HSVhsv(64, 89%, 85%)

OKLCHoklch(84.7% 0.187 114.1)

CMYKcmyk(6%, 0%, 89%, 15%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #CCD917 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text1.55:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text13.5:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #CCD917 based on color wheel relationships. Click any swatch for its full breakdown.

Base#CCD917 Complementary#2417D9 Analogous#D98517 Analogous#6BD917 Triadic#17CCD9 Triadic#D917CC

Tints & Shades

Lighter tints and darker shades of #CCD917, useful for hover states, backgrounds, and text variants.

Tints

#DCE92B #E2ED50 #E7F070 #EDF390 #F2F7B1 #F8FBD5

Shades

#B2BD14 #98A211 #7E860E #5F660B #454A08 #2B2E05

Use #CCD917 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex