#CCDC50 Color

#CCDC50 is rgb(204, 220, 80) in RGB and hsl(67, 67%, 59%) in HSL. The closest CSS named color is DarkKhaki. Black text is most readable on this background.

#CCDC50

HEX#CCDC50

RGBrgb(204, 220, 80)

HSLhsl(67, 67%, 59%)

HSVhsv(67, 64%, 86%)

OKLCHoklch(85.6% 0.162 115.5)

CMYKcmyk(7%, 0%, 64%, 14%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CCDC50 Complementary#6150DC Analogous#DCA750 Analogous#86DC50 Triadic#50CCDC Triadic#DC50CC

Tints & Shades

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

Tints

#D4E26A #DAE67F #E1EB99 #E7EFAE #EFF4C8 #F5F8DD

Shades

#C2D62E #A6B724 #87951D #6C7718 #4D5511 #2E330A

Use #CCDC50 in Our Tools

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