#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026