#BB96DC

#BB96DC

Color Values

HEX

#BB96DC

RGB

187, 150, 220

HSL

271.7, 50.0%, 72.5%

HSV

271.7, 31.8%, 86.3%

CMYK

15.0%, 31.8%, 0.0%, 13.7%

OKLCH

0.7321 0.1064 308.1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BB96DC

#B7DC96

Analogous

#9896DC

#DC96DA

#BB96DC

Triadic

#BB96DC

#DCBB96

#96DCBB

Split Complementary

#BB96DC

#DADC96

#96DC98

Tetradic

#BB96DC

#DC9896

#B7DC96

#96DADC

Color Blindness Simulation

Original

#BB96DC

Protanopia

#ABABCB

Deuteranopia

#ADB0C7

Tritanopia

#B9BEBB

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE6F5
200
#DCC9ED
300
#C4A3E0
400
#A371D0
500
#8340BF
600
#693399
700
#54297A
800
#422060
900
#321B46
950
#1F112C

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

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