#CAE5FE

#CAE5FE

Color Values

HEX

#CAE5FE

RGB

202, 229, 254

HSL

208.8, 96.3%, 89.4%

HSV

208.8, 20.5%, 99.6%

CMYK

20.5%, 9.8%, 0.0%, 0.4%

OKLCH

0.91 0.0447 246.2

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CAE5FE

#FEE3CA

Analogous

#CAFEFD

#CACBFE

#CAE5FE

Triadic

#CAE5FE

#FECAE5

#E5FECA

Split Complementary

#CAE5FE

#FECACB

#FEFDCA

Tetradic

#CAE5FE

#FDCAFE

#FEE3CA

#CBFECA

Color Blindness Simulation

Original

#CAE5FE

Protanopia

#D6D6F8

Deuteranopia

#D4D2F6

Tritanopia

#CBF3F2

Achromatopsia

#E1E1E1

CSS Usage

background-color: #CAE5FE;
color: #CAE5FE;
border-color: #CAE5FE;
Nearest Tailwind: Blue 100 #DBEAFE

Tailwind Shades

50
#F1F8FE
100
#DFEEFC
200
#B9DDFE
300
#87C4FD
400
#46A4FC
500
#0584FA
600
#046AC8
700
#0355A0
800
#02427D
900
#06325A
950
#042039

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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