#CABAE4

#CABAE4

Color Values

HEX

#CABAE4

RGB

202, 186, 228

HSL

262.9, 43.8%, 81.2%

HSV

262.9, 18.4%, 89.4%

CMYK

11.4%, 18.4%, 0.0%, 10.6%

OKLCH

0.8159 0.0606 302.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CABAE4

#D4E4BA

Analogous

#BABFE4

#DFBAE4

#CABAE4

Triadic

#CABAE4

#E4CABA

#BAE4CA

Split Complementary

#CABAE4

#E4DFBA

#BFE4BA

Tetradic

#CABAE4

#E4BABF

#D4E4BA

#BAE4DF

Color Blindness Simulation

Original

#CABAE4

Protanopia

#C3C3DA

Deuteranopia

#C4C5D7

Tritanopia

#C9D2D0

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#ECE7F4
200
#D8CCEB
300
#BBA7DD
400
#9777CA
500
#7248B7
600
#5B3993
700
#492E75
800
#39245C
900
#2C1D44
950
#1C132B

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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