#CAE2AD

#CAE2AD

Color Values

HEX

#CAE2AD

RGB

202, 226, 173

HSL

87.2, 47.7%, 78.2%

HSV

87.2, 23.5%, 88.6%

CMYK

10.6%, 0.0%, 23.5%, 11.4%

OKLCH

0.8816 0.075 127.7

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CAE2AD

#C5ADE2

Analogous

#E2DFAD

#AFE2AD

#CAE2AD

Triadic

#CAE2AD

#ADCAE2

#E2ADCA

Split Complementary

#CAE2AD

#ADAFE2

#DFADE2

Tetradic

#CAE2AD

#ADE2DF

#C5ADE2

#E2ADAF

Color Blindness Simulation

Original

#CAE2AD

Protanopia

#D4D5BA

Deuteranopia

#D3D1BD

Tritanopia

#CBC4C6

Achromatopsia

#D9D9D9

CSS Usage

background-color: #CAE2AD;
color: #CAE2AD;
border-color: #CAE2AD;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8FAF4
100
#EEF4E6
200
#DDECCA
300
#C5DFA5
400
#A5CE74
500
#85BC43
600
#6B9735
700
#55792B
800
#435E21
900
#32451C
950
#202C11

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

14.99:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026