#CAD40C Color

#CAD40C is rgb(202, 212, 12) in RGB and hsl(63, 89%, 44%) in HSL. The closest CSS named color is Goldenrod. Black text is most readable on this background.

#CAD40C

HEX#CAD40C

RGBrgb(202, 212, 12)

HSLhsl(63, 89%, 44%)

HSVhsv(63, 94%, 83%)

OKLCHoklch(83.4% 0.185 113.2)

CMYKcmyk(5%, 0%, 94%, 17%)

Text Contrast & Accessibility

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

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

TextBlack text12.93:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#CAD40C Complementary#160CD4 Analogous#D47A0C Analogous#66D40C Triadic#0CCAD4 Triadic#D40CCA

Tints & Shades

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

Tints

#E7F218 #EAF339 #EEF660 #F2F887 #F6FAAD #FAFCCF

Shades

#AFB70B #989F09 #7C8208 #606506 #454804 #2E3003

Use #CAD40C in Our Tools

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