#CAB7E3

#CAB7E3

Color Values

HEX

#CAB7E3

RGB

202, 183, 227

HSL

265.9, 44.0%, 80.4%

HSV

265.9, 19.4%, 89.0%

CMYK

11.0%, 19.4%, 0.0%, 11.0%

OKLCH

0.8097 0.0643 304.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CAB7E3

#D0E3B7

Analogous

#B7BAE3

#E0B7E3

#CAB7E3

Triadic

#CAB7E3

#E3CAB7

#B7E3CA

Split Complementary

#CAB7E3

#E3E0B7

#BAE3B7

Tetradic

#CAB7E3

#E3B7BA

#D0E3B7

#B7E3E0

Color Blindness Simulation

Original

#CAB7E3

Protanopia

#C2C2D8

Deuteranopia

#C3C4D6

Tritanopia

#C9D0CE

Achromatopsia

#BEBEBE

CSS Usage

background-color: #CAB7E3;
color: #CAB7E3;
border-color: #CAB7E3;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#F7F4FA
100
#ECE6F4
200
#D9CCEB
300
#BEA7DD
400
#9B77CA
500
#7847B8
600
#603993
700
#4D2E76
800
#3C245C
900
#2E1D44
950
#1D122B

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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