#CADAE8

#CADAE8

Color Values

HEX

#CADAE8

RGB

202, 218, 232

HSL

208.0, 39.5%, 85.1%

HSV

208.0, 12.9%, 91.0%

CMYK

12.9%, 6.0%, 0.0%, 9.0%

OKLCH

0.8806 0.0259 244.5

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CADAE8

#E8D8CA

Analogous

#CAE8E7

#CACBE8

#CADAE8

Triadic

#CADAE8

#E8CADA

#DAE8CA

Split Complementary

#CADAE8

#E8CACB

#E8E7CA

Tetradic

#CADAE8

#E7CAE8

#E8D8CA

#CBE8CA

Color Blindness Simulation

Original

#CADAE8

Protanopia

#D1D1E5

Deuteranopia

#D0CFE4

Tritanopia

#CBE2E1

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CDDCE9
300
#AAC3DA
400
#7BA3C6
500
#4D83B2
600
#3E698E
700
#315472
800
#274159
900
#1F3242
950
#141F29

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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