#CAF68E Color

#CAF68E is rgb(202, 246, 142) in RGB and hsl(85, 85%, 76%) in HSL. The closest CSS named color is Khaki. Black text is most readable on this background.

#CAF68E

HEX#CAF68E

RGBrgb(202, 246, 142)

HSLhsl(85, 85%, 76%)

HSVhsv(85, 42%, 96%)

OKLCHoklch(91.9% 0.14 127.7)

CMYKcmyk(18%, 0%, 42%, 4%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CAF68E Complementary#B98EF6 Analogous#F6ED8E Analogous#96F68E Triadic#8ECAF6 Triadic#F68ECA

Tints & Shades

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

Tints

#D1F79C #D8F8AA #DEF9B8 #E7FBCB #EDFCD9 #F4FDE7

Shades

#B5F25F #9DEE2B #83D411 #66A50D #49760A #294205

Use #CAF68E in Our Tools

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