#CB9AE9

#CB9AE9

Color Values

HEX

#CB9AE9

RGB

203, 154, 233

HSL

277.2, 64.2%, 75.9%

HSV

277.2, 33.9%, 91.4%

CMYK

12.9%, 33.9%, 0.0%, 8.6%

OKLCH

0.76 0.1217 312.0

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#CB9AE9

#B8E99A

Analogous

#A49AE9

#E99AE0

#CB9AE9

Triadic

#CB9AE9

#E9CB9A

#9AE9CB

Split Complementary

#CB9AE9

#E0E99A

#9AE9A4

Tetradic

#CB9AE9

#E9A49A

#B8E99A

#9AE0E9

Color Blindness Simulation

Original

#CB9AE9

Protanopia

#B6B5D6

Deuteranopia

#B9BCD1

Tritanopia

#C9C7C3

Achromatopsia

#AAAAAA

CSS Usage

background-color: #CB9AE9;
color: #CB9AE9;
border-color: #CB9AE9;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#E1C4F2
300
#CB9BE9
400
#AF64DD
500
#932ED1
600
#7625A7
700
#5E1D86
800
#4A1769
900
#37144C
950
#230D30

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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