#CACEE1

#CACEE1

Color Values

HEX

#CACEE1

RGB

202, 206, 225

HSL

229.6, 27.7%, 83.7%

HSV

229.6, 10.2%, 88.2%

CMYK

10.2%, 8.4%, 0.0%, 11.8%

OKLCH

0.8541 0.0266 276.3

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CACEE1

#E1DDCA

Analogous

#CAD9E1

#D1CAE1

#CACEE1

Triadic

#CACEE1

#E1CACE

#CEE1CA

Split Complementary

#CACEE1

#E1D1CA

#D9E1CA

Tetradic

#CACEE1

#E1CAD9

#E1DDCA

#CAE1D1

Color Blindness Simulation

Original

#CACEE1

Protanopia

#CCCCDC

Deuteranopia

#CCCBDB

Tritanopia

#CAD9D8

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D1D5E5
300
#B1B7D3
400
#8790BB
500
#5C68A3
600
#4A5482
700
#3B4368
800
#2E3451
900
#24293D
950
#171A26

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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