#CADCF9

#CADCF9

Color Values

HEX

#CADCF9

RGB

202, 220, 249

HSL

217.0, 79.7%, 88.4%

HSV

217.0, 18.9%, 97.6%

CMYK

18.9%, 11.6%, 0.0%, 2.4%

OKLCH

0.8902 0.0445 260.0

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CADCF9

#F9E7CA

Analogous

#CAF3F9

#CFCAF9

#CADCF9

Triadic

#CADCF9

#F9CADC

#DCF9CA

Split Complementary

#CADCF9

#F9CFCA

#F3F9CA

Tetradic

#CADCF9

#F9CAF3

#F9E7CA

#CAF9CF

Color Blindness Simulation

Original

#CADCF9

Protanopia

#D2D2F2

Deuteranopia

#D1CFF0

Tritanopia

#CBECEB

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E1EAF9
200
#BFD5F8
300
#91B6F3
400
#558FEC
500
#1A68E5
600
#1553B7
700
#114293
800
#0D3473
900
#0E2853
950
#091935

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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