#CADCEA

#CADCEA

Color Values

HEX

#CADCEA

RGB

202, 220, 234

HSL

206.2, 43.2%, 85.5%

HSV

206.2, 13.7%, 91.8%

CMYK

13.7%, 6.0%, 0.0%, 8.2%

OKLCH

0.8853 0.0273 241.2

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CADCEA

#EAD8CA

Analogous

#CAEAE8

#CACCEA

#CADCEA

Triadic

#CADCEA

#EACADC

#DCEACA

Split Complementary

#CADCEA

#EACACC

#EAE8CA

Tetradic

#CADCEA

#E8CAEA

#EAD8CA

#CCEACA

Color Blindness Simulation

Original

#CADCEA

Protanopia

#D2D2E7

Deuteranopia

#D1CFE6

Tritanopia

#CBE4E3

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF4
200
#CCDDEB
300
#A7C5DC
400
#78A6C9
500
#4886B7
600
#3A6C92
700
#2E5675
800
#24435B
900
#1E3343
950
#13202A

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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