#B96CED

#B96CED

Color Values

HEX

#B96CED

RGB

185, 108, 237

HSL

275.8, 78.2%, 67.6%

HSV

275.8, 54.4%, 92.9%

CMYK

21.9%, 54.4%, 0.0%, 7.1%

OKLCH

0.6699 0.1945 309.7

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#B96CED

#A0ED6C

Analogous

#786CED

#ED6CE0

#B96CED

Triadic

#B96CED

#EDB96C

#6CEDB9

Split Complementary

#B96CED

#E0ED6C

#6CED78

Tetradic

#B96CED

#ED786C

#A0ED6C

#6CE0ED

Color Blindness Simulation

Original

#B96CED

Protanopia

#9897CE

Deuteranopia

#9CA2C6

Tritanopia

#B5B5B0

Achromatopsia

#868686

CSS Usage

background-color: #B96CED;
color: #B96CED;
border-color: #B96CED;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F2FC
100
#EFE1F9
200
#E1BFF7
300
#CB92F2
400
#AF57EA
500
#931CE3
600
#7516B6
700
#5E1291
800
#490E72
900
#370E53
950
#230934

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

6.43:1

AA Pass AAA Fail

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