#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026