#CAC5E7

#CAC5E7

Color Values

HEX

#CAC5E7

RGB

202, 197, 231

HSL

248.8, 41.5%, 83.9%

HSV

248.8, 14.7%, 90.6%

CMYK

12.6%, 14.7%, 0.0%, 9.4%

OKLCH

0.8383 0.0473 292.1

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CAC5E7

#E2E7C5

Analogous

#C5D1E7

#DBC5E7

#CAC5E7

Triadic

#CAC5E7

#E7CAC5

#C5E7CA

Split Complementary

#CAC5E7

#E7DBC5

#D1E7C5

Tetradic

#CAC5E7

#E7C5D1

#E2E7C5

#C5E7DB

Color Blindness Simulation

Original

#CAC5E7

Protanopia

#C8C8DF

Deuteranopia

#C8C8DD

Tritanopia

#CAD8D7

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E9E7F3
200
#D1CCEA
300
#B0A8DB
400
#8579C8
500
#5A4BB4
600
#483C90
700
#3A3073
800
#2D255A
900
#241E43
950
#17132A

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

12.65:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026