#CAB9EE

#CAB9EE

Color Values

HEX

#CAB9EE

RGB

202, 185, 238

HSL

259.2, 60.9%, 82.9%

HSV

259.2, 22.3%, 93.3%

CMYK

15.1%, 22.3%, 0.0%, 6.7%

OKLCH

0.8177 0.0756 299.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CAB9EE

#DDEEB9

Analogous

#B9C2EE

#E4B9EE

#CAB9EE

Triadic

#CAB9EE

#EECAB9

#B9EECA

Split Complementary

#CAB9EE

#EEE4B9

#C2EEB9

Tetradic

#CAB9EE

#EEB9C2

#DDEEB9

#B9EEE4

Color Blindness Simulation

Original

#CAB9EE

Protanopia

#C3C2E1

Deuteranopia

#C4C5DE

Tritanopia

#C9D7D5

Achromatopsia

#C0C0C0

CSS Usage

background-color: #CAB9EE;
color: #CAB9EE;
border-color: #CAB9EE;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F6F3FB
100
#EAE4F6
200
#D3C6F1
300
#B49DE7
400
#8C67DA
500
#6432CD
600
#5028A4
700
#402083
800
#321967
900
#27164B
950
#190E2F

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

11.69:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026