#CAE2FD

#CAE2FD

Color Values

HEX

#CAE2FD

RGB

202, 226, 253

HSL

211.8, 92.7%, 89.2%

HSV

211.8, 20.2%, 99.2%

CMYK

20.2%, 10.7%, 0.0%, 0.8%

OKLCH

0.9036 0.0451 251.4

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CAE2FD

#FDE5CA

Analogous

#CAFBFD

#CBCAFD

#CAE2FD

Triadic

#CAE2FD

#FDCAE2

#E2FDCA

Split Complementary

#CAE2FD

#FDCBCA

#FBFDCA

Tetradic

#CAE2FD

#FDCAFB

#FDE5CA

#CAFDCB

Color Blindness Simulation

Original

#CAE2FD

Protanopia

#D4D5F6

Deuteranopia

#D3D1F5

Tritanopia

#CBF1F0

Achromatopsia

#DFDFDF

CSS Usage

background-color: #CAE2FD;
color: #CAE2FD;
border-color: #CAE2FD;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F1F7FD
100
#DFECFB
200
#BAD9FC
300
#89BEFB
400
#499BF8
500
#0978F6
600
#0760C5
700
#064D9D
800
#053C7B
900
#082E59
950
#051D38

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.81:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026