#CAC4E3

#CAC4E3

Color Values

HEX

#CAC4E3

RGB

202, 196, 227

HSL

251.6, 35.6%, 82.9%

HSV

251.6, 13.7%, 89.0%

CMYK

11.0%, 13.7%, 0.0%, 11.0%

OKLCH

0.8349 0.0433 294.3

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#CAC4E3

#DDE3C4

Analogous

#C4CDE3

#D9C4E3

#CAC4E3

Triadic

#CAC4E3

#E3CAC4

#C4E3CA

Split Complementary

#CAC4E3

#E3D9C4

#CDE3C4

Tetradic

#CAC4E3

#E3C4CD

#DDE3C4

#C4E3D9

Color Blindness Simulation

Original

#CAC4E3

Protanopia

#C7C7DC

Deuteranopia

#C8C8DA

Tritanopia

#CAD6D4

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE8F3
200
#D4CFE8
300
#B4ACD8
400
#8C7FC2
500
#6452AD
600
#50428A
700
#40356F
800
#322956
900
#272140
950
#191528

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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