#CAEAFD

#CAEAFD

Color Values

HEX

#CAEAFD

RGB

202, 234, 253

HSL

202.4, 92.7%, 89.2%

HSV

202.4, 20.2%, 99.2%

CMYK

20.2%, 7.5%, 0.0%, 0.8%

OKLCH

0.9199 0.0425 234.0

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#CAEAFD

#FDDDCA

Analogous

#CAFDF7

#CAD0FD

#CAEAFD

Triadic

#CAEAFD

#FDCAEA

#EAFDCA

Split Complementary

#CAEAFD

#FDCAD0

#FDF7CA

Tetradic

#CAEAFD

#F7CAFD

#FDDDCA

#D0FDCA

Color Blindness Simulation

Original

#CAEAFD

Protanopia

#D8D8F8

Deuteranopia

#D6D4F7

Tritanopia

#CCF5F4

Achromatopsia

#E5E5E5

CSS Usage

background-color: #CAEAFD;
color: #CAEAFD;
border-color: #CAEAFD;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F1F9FD
100
#DFF1FB
200
#BAE4FC
300
#89D0FB
400
#49B7F8
500
#099DF6
600
#077EC5
700
#06659D
800
#054F7B
900
#083B59
950
#052538

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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