#CAE2EF

#CAE2EF

Color Values

HEX

#CAE2EF

RGB

202, 226, 239

HSL

201.1, 53.6%, 86.5%

HSV

201.1, 15.5%, 93.7%

CMYK

15.5%, 5.4%, 0.0%, 6.3%

OKLCH

0.8991 0.0312 231.3

Properties

Cool Light Nearest: lightblue 2

Color Harmonies

Complementary

#CAE2EF

#EFD7CA

Analogous

#CAEFEA

#CAD0EF

#CAE2EF

Triadic

#CAE2EF

#EFCAE2

#E2EFCA

Split Complementary

#CAE2EF

#EFCAD0

#EFEACA

Tetradic

#CAE2EF

#EACAEF

#EFD7CA

#D0EFCA

Color Blindness Simulation

Original

#CAE2EF

Protanopia

#D4D5EC

Deuteranopia

#D3D1EB

Tritanopia

#CBE9E9

Achromatopsia

#DEDEDE

CSS Usage

background-color: #CAE2EF;
color: #CAE2EF;
border-color: #CAE2EF;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F4F8FB
100
#E5F0F5
200
#C8E1EE
300
#A1CCE3
400
#6EB0D3
500
#3B94C4
600
#2F769D
700
#265F7D
800
#1E4A62
900
#193748
950
#10232D

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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