#CAE2BC

#CAE2BC

Color Values

HEX

#CAE2BC

RGB

202, 226, 188

HSL

97.9, 39.6%, 81.2%

HSV

97.9, 16.8%, 88.6%

CMYK

10.6%, 0.0%, 16.8%, 11.4%

OKLCH

0.885 0.0571 134.0

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#CAE2BC

#D4BCE2

Analogous

#DDE2BC

#BCE2C1

#CAE2BC

Triadic

#CAE2BC

#BCCAE2

#E2BCCA

Split Complementary

#CAE2BC

#C1BCE2

#E2BCDD

Tetradic

#CAE2BC

#BCDDE2

#D4BCE2

#E2C1BC

Color Blindness Simulation

Original

#CAE2BC

Protanopia

#D4D5C5

Deuteranopia

#D3D1C7

Tritanopia

#CBCCCE

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#D8E9CD
300
#BBDAAA
400
#97C67B
500
#72B24D
600
#5B8E3E
700
#497231
800
#395927
900
#2C421F
950
#1C2A14

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.12:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026