#CAC5EB

#CAC5EB

Color Values

HEX

#CAC5EB

RGB

202, 197, 235

HSL

247,9, 48,7%, 84,7%

HSV

247,9, 16,2%, 92,2%

CMYK

14,0%, 16,2%, 0,0%, 7,8%

OKLCH

0,8397 0,0528 291,3

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CAC5EB

#E6EBC5

Analogous

#C5D3EB

#DDC5EB

#CAC5EB

Triadic

#CAC5EB

#EBCAC5

#C5EBCA

Split Complementary

#CAC5EB

#EBDDC5

#D3EBC5

Tetradic

#CAC5EB

#EBC5D3

#E6EBC5

#C5EBDD

Color Blindness Simulation

Original

#CAC5EB

Protanopia

#C8C8E2

Deuteranopia

#C8C8E0

Tritanopia

#CADBD9

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E8E6F5
200
#CECAED
300
#ACA4E0
400
#7F73CF
500
#5241BE
600
#413498
700
#342A79
800
#29215F
900
#211B46
950
#15112C

Contrast Checker

Text on white

1,65:1

AA Fail AAA Fail

Text on black

12,7: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