#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

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026