#CAD507 Color

#CAD507 is rgb(202, 213, 7) in RGB and hsl(63, 94%, 43%) in HSL. The closest CSS named color is Gold. Black text is most readable on this background.

#CAD507
HEX#CAD507
RGBrgb(202, 213, 7)
HSLhsl(63, 94%, 43%)
HSVhsv(63, 97%, 84%)
OKLCHoklch(83.6% 0.186 113.5)
CMYKcmyk(5%, 0%, 97%, 16%)

Text Contrast & Accessibility

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

TextWhite text1.61:1AA normal ✗AA large ✗AAA normal ✗
TextBlack text13.03:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#CAD507Complementary#1107D5Analogous#D57807Analogous#63D507Triadic#07CAD5Triadic#D507CA

Tints & Shades

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

Use #CAD507 in Our Tools

Hex to RGBHex to HSLHex to CMYKHex to PantoneRGBA to Hex