#CADFFA

#CADFFA

Color Values

HEX

#CADFFA

RGB

202, 223, 250

HSL

213.8, 82.8%, 88.6%

HSV

213.8, 19.2%, 98.0%

CMYK

19.2%, 10.8%, 0.0%, 2.0%

OKLCH

0.8966 0.0435 254.8

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CADFFA

#FAE5CA

Analogous

#CAF7FA

#CDCAFA

#CADFFA

Triadic

#CADFFA

#FACADF

#DFFACA

Split Complementary

#CADFFA

#FACDCA

#F7FACA

Tetradic

#CADFFA

#FACAF7

#FAE5CA

#CAFACD

Color Blindness Simulation

Original

#CADFFA

Protanopia

#D3D3F3

Deuteranopia

#D2D0F2

Tritanopia

#CBEEED

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1ECFA
200
#BED8F9
300
#8FBBF4
400
#5397EF
500
#1672E9
600
#125BBA
700
#0E4995
800
#0B3975
900
#0C2C55
950
#081C35

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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