#CAE6AD Color

#CAE6AD is rgb(202, 230, 173) in RGB and hsl(89, 53%, 79%) in HSL. The closest CSS named color is PaleGoldenrod. Black text is most readable on this background.

#CAE6AD

HEX#CAE6AD

RGBrgb(202, 230, 173)

HSLhsl(89, 53%, 79%)

HSVhsv(89, 25%, 90%)

OKLCHoklch(89% 0.081 129.2)

CMYKcmyk(12%, 0%, 25%, 10%)

Text Contrast & Accessibility

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

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

TextBlack text15.43:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#CAE6AD Complementary#C9ADE6 Analogous#E6E5AD Analogous#AEE6AD Triadic#ADCAE6 Triadic#E6ADCA

Tints & Shades

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

Tints

#D2E9B9 #D7ECC1 #DEEFCC #E6F3D8 #EDF7E4 #F2F9EB

Shades

#AFD982 #96CD5B #7AB738 #5D8C2B #41621E #273B12

Use #CAE6AD in Our Tools

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