#CAEFAF

#CAEFAF

Color Values

HEX

#CAEFAF

RGB

202, 239, 175

HSL

94.7, 66.7%, 81.2%

HSV

94.7, 26.8%, 93.7%

CMYK

15.5%, 0.0%, 26.8%, 6.3%

OKLCH

0.9098 0.0929 132.4

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CAEFAF

#D4AFEF

Analogous

#EAEFAF

#AFEFB4

#CAEFAF

Triadic

#CAEFAF

#AFCAEF

#EFAFCA

Split Complementary

#CAEFAF

#B4AFEF

#EFAFEA

Tetradic

#CAEFAF

#AFEAEF

#D4AFEF

#EFB4AF

Color Blindness Simulation

Original

#CAEFAF

Protanopia

#DADABE

Deuteranopia

#D8D5C2

Tritanopia

#CCCBCD

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#ECF7E3
200
#D8F3C3
300
#BBEB99
400
#97E062
500
#72D52A
600
#5BAA22
700
#49881B
800
#396A15
900
#2C4E13
950
#1C310C

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

16.48: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