#CAD8EF

#CAD8EF

Color Values

HEX

#CAD8EF

RGB

202, 216, 239

HSL

217.3, 53.6%, 86.5%

HSV

217.3, 15.5%, 93.7%

CMYK

15.5%, 9.6%, 0.0%, 6.3%

OKLCH

0.8788 0.0352 260.4

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CAD8EF

#EFE1CA

Analogous

#CAEBEF

#CFCAEF

#CAD8EF

Triadic

#CAD8EF

#EFCAD8

#D8EFCA

Split Complementary

#CAD8EF

#EFCFCA

#EBEFCA

Tetradic

#CAD8EF

#EFCAEB

#EFE1CA

#CAEFCF

Color Blindness Simulation

Original

#CAD8EF

Protanopia

#D0D0E9

Deuteranopia

#CFCEE8

Tritanopia

#CBE5E4

Achromatopsia

#D7D7D7

CSS Usage

background-color: #CAD8EF;
color: #CAD8EF;
border-color: #CAD8EF;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F4F7FB
100
#E5EBF5
200
#C8D7EE
300
#A1BAE3
400
#6E94D3
500
#3B6FC4
600
#2F599D
700
#26477D
800
#1E3762
900
#192B48
950
#101B2D

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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