#CAFDC5

#CAFDC5

Color Values

HEX

#CAFDC5

RGB

202, 253, 197

HSL

114.6, 93.3%, 88.2%

HSV

114.6, 22.1%, 99.2%

CMYK

20.2%, 0.0%, 22.1%, 0.8%

OKLCH

0.9446 0.0908 142.5

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#CAFDC5

#F8C5FD

Analogous

#E6FDC5

#C5FDDC

#CAFDC5

Triadic

#CAFDC5

#C5CAFD

#FDC5CA

Split Complementary

#CAFDC5

#DCC5FD

#FDC5E6

Tetradic

#CAFDC5

#C5E6FD

#F8C5FD

#FDDCC5

Color Blindness Simulation

Original

#CAFDC5

Protanopia

#E0E1D3

Deuteranopia

#DDD9D6

Tritanopia

#CDDDE0

Achromatopsia

#EEEEEE

CSS Usage

background-color: #CAFDC5;
color: #CAFDC5;
border-color: #CAFDC5;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F2FDF1
100
#E2FBDF
200
#C0FDBA
300
#93FB89
400
#58F949
500
#1EF609
600
#18C507
700
#139E05
800
#0F7B04
900
#0F5908
950
#0A3805

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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