#CAC4EB

#CAC4EB

Color Values

HEX

#CAC4EB

RGB

202, 196, 235

HSL

249.2, 49.4%, 84.5%

HSV

249.2, 16.6%, 92.2%

CMYK

14.0%, 16.6%, 0.0%, 7.8%

OKLCH

0.8377 0.0543 292.2

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CAC4EB

#E5EBC4

Analogous

#C4D1EB

#DDC4EB

#CAC4EB

Triadic

#CAC4EB

#EBCAC4

#C4EBCA

Split Complementary

#CAC4EB

#EBDDC4

#D1EBC4

Tetradic

#CAC4EB

#EBC4D1

#E5EBC4

#C4EBDD

Color Blindness Simulation

Original

#CAC4EB

Protanopia

#C7C7E2

Deuteranopia

#C8C8DF

Tritanopia

#CADAD8

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E8E6F5
200
#CFCAED
300
#ADA4E0
400
#8072CF
500
#5441BE
600
#433498
700
#36297A
800
#2A205F
900
#221B46
950
#15112C

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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