#CAE9AD

#CAE9AD

Color Values

HEX

#CAE9AD

RGB

202, 233, 173

HSL

91.0, 57.7%, 79.6%

HSV

91.0, 25.8%, 91.4%

CMYK

13.3%, 0.0%, 25.8%, 8.6%

OKLCH

0.8966 0.0859 130.2

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CAE9AD

#CCADE9

Analogous

#E8E9AD

#ADE9AE

#CAE9AD

Triadic

#CAE9AD

#ADCAE9

#E9ADCA

Split Complementary

#CAE9AD

#AEADE9

#E9ADE8

Tetradic

#CAE9AD

#ADE8E9

#CCADE9

#E9AEAD

Color Blindness Simulation

Original

#CAE9AD

Protanopia

#D7D8BC

Deuteranopia

#D6D3BF

Tritanopia

#CCC7CA

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF6E4
200
#DBF0C7
300
#C1E59E
400
#9FD76A
500
#7DC936
600
#64A12B
700
#508123
800
#3F651B
900
#304A17
950
#1E2E0F

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.77:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026