#CACAE9

#CACAE9

Color Values

HEX

#CACAE9

RGB

202, 202, 233

HSL

240.0, 41.3%, 85.3%

HSV

240.0, 13.3%, 91.4%

CMYK

13.3%, 13.3%, 0.0%, 8.6%

OKLCH

0.8488 0.0429 285.5

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CACAE9

#E9E9CA

Analogous

#CADAE9

#DACAE9

#CACAE9

Triadic

#CACAE9

#E9CACA

#CAE9CA

Split Complementary

#CACAE9

#E9DACA

#DAE9CA

Tetradic

#CACAE9

#E9CADA

#E9E9CA

#CAE9DA

Color Blindness Simulation

Original

#CACAE9

Protanopia

#CACAE2

Deuteranopia

#CACAE0

Tritanopia

#CADCDA

Achromatopsia

#CCCCCC

CSS Usage

background-color: #CACAE9;
color: #CACAE9;
border-color: #CACAE9;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F5F5FA
100
#E7E7F3
200
#CDCDEA
300
#A9A9DB
400
#7A7AC8
500
#4B4BB4
600
#3C3C90
700
#303073
800
#25255A
900
#1E1E42
950
#13132A

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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