#CAF9EC

#CAF9EC

Color Values

HEX

#CAF9EC

RGB

202, 249, 236

HSL

163.4, 79.7%, 88.4%

HSV

163.4, 18.9%, 97.6%

CMYK

18.9%, 0.0%, 5.2%, 2.4%

OKLCH

0.9458 0.0511 176.5

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#CAF9EC

#F9CAD7

Analogous

#CAF9D4

#CAEEF9

#CAF9EC

Triadic

#CAF9EC

#ECCAF9

#F9ECCA

Split Complementary

#CAF9EC

#F9CAEE

#F9D4CA

Tetradic

#CAF9EC

#D4CAF9

#F9CAD7

#EEF9CA

Color Blindness Simulation

Original

#CAF9EC

Protanopia

#DEDFEF

Deuteranopia

#DCD8F0

Tritanopia

#CCF2F2

Achromatopsia

#EEEEEE

CSS Usage

background-color: #CAF9EC;
color: #CAF9EC;
border-color: #CAF9EC;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F2FDFA
100
#E1F9F3
200
#BFF8E8
300
#91F3D8
400
#55ECC2
500
#1AE5AD
600
#15B78A
700
#11936F
800
#0D7356
900
#0E5340
950
#093528

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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