#CAE3F3

#CAE3F3

Color Values

HEX

#CAE3F3

RGB

202, 227, 243

HSL

203.4, 63.1%, 87.3%

HSV

203.4, 16.9%, 95.3%

CMYK

16.9%, 6.6%, 0.0%, 4.7%

OKLCH

0.9024 0.0345 235.9

Properties

Cool Light Nearest: lightblue 2

Color Harmonies

Complementary

#CAE3F3

#F3DACA

Analogous

#CAF3EF

#CACFF3

#CAE3F3

Triadic

#CAE3F3

#F3CAE3

#E3F3CA

Split Complementary

#CAE3F3

#F3CACF

#F3EFCA

Tetradic

#CAE3F3

#EFCAF3

#F3DACA

#CFF3CA

Color Blindness Simulation

Original

#CAE3F3

Protanopia

#D5D5EF

Deuteranopia

#D3D1EE

Tritanopia

#CBECEB

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F3F8FB
100
#E4EFF7
200
#C5E0F2
300
#9BCAE8
400
#65AEDC
500
#2F91D0
600
#2674A6
700
#1E5D85
800
#184968
900
#15374C
950
#0D2230

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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