#CAD7EF

#CAD7EF

Color Values

HEX

#CAD7EF

RGB

202, 215, 239

HSL

218.9, 53.6%, 86.5%

HSV

218.9, 15.5%, 93.7%

CMYK

15.5%, 10.0%, 0.0%, 6.3%

OKLCH

0.8768 0.0361 262.8

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CAD7EF

#EFE2CA

Analogous

#CAEAEF

#D0CAEF

#CAD7EF

Triadic

#CAD7EF

#EFCAD7

#D7EFCA

Split Complementary

#CAD7EF

#EFD0CA

#EAEFCA

Tetradic

#CAD7EF

#EFCAEA

#EFE2CA

#CAEFD0

Color Blindness Simulation

Original

#CAD7EF

Protanopia

#D0D0E9

Deuteranopia

#CFCEE8

Tritanopia

#CBE5E4

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E5EBF5
200
#C8D6EE
300
#A1B8E3
400
#6E92D3
500
#3B6BC4
600
#2F569D
700
#26457D
800
#1E3662
900
#192A48
950
#101A2D

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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