#CAFC40 Color

#CAFC40 is rgb(202, 252, 64) in RGB and hsl(76, 97%, 62%) in HSL. The closest CSS named color is GreenYellow. Black text is most readable on this background.

#CAFC40

HEX#CAFC40

RGBrgb(202, 252, 64)

HSLhsl(76, 97%, 62%)

HSVhsv(76, 75%, 99%)

OKLCHoklch(92.5% 0.209 123.8)

CMYKcmyk(20%, 0%, 75%, 1%)

Text Contrast & Accessibility

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

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

TextBlack text17.51:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#CAFC40 Complementary#7240FC Analogous#FCD040 Analogous#6CFC40 Triadic#40CAFC Triadic#FC40CA

Tints & Shades

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

Tints

#D1FC59 #D8FD72 #DFFD8B #E7FEAA #EEFEC3 #F5FEDC

Shades

#BFFB18 #A7E203 #89BA03 #6B9202 #4E6902 #2C3C01

Use #CAFC40 in Our Tools

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