#CACEDA

#CACEDA

Color Values

HEX

#CACEDA

RGB

202, 206, 218

HSL

225.0, 17.8%, 82.4%

HSV

225.0, 7.3%, 85.5%

CMYK

7.3%, 5.5%, 0.0%, 14.5%

OKLCH

0.8519 0.0172 271.2

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CACEDA

#DAD6CA

Analogous

#CAD6DA

#CECADA

#CACEDA

Triadic

#CACEDA

#DACACE

#CEDACA

Split Complementary

#CACEDA

#DACECA

#D6DACA

Tetradic

#CACEDA

#DACAD6

#DAD6CA

#CADACE

Color Blindness Simulation

Original

#CACEDA

Protanopia

#CCCCD7

Deuteranopia

#CCCBD6

Tritanopia

#CAD5D4

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D5D8E2
300
#B7BCCD
400
#9098B1
500
#697496
600
#545D78
700
#434A60
800
#343A4B
900
#292D38
950
#1A1C24

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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