#B96AEB

#B96AEB

Color Values

HEX

#B96AEB

RGB

185, 106, 235

HSL

276.7, 76.3%, 66.9%

HSV

276.7, 54.9%, 92.2%

CMYK

21.3%, 54.9%, 0.0%, 7.8%

OKLCH

0.6659 0.1954 310.4

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#B96AEB

#9CEB6A

Analogous

#796AEB

#EB6ADD

#B96AEB

Triadic

#B96AEB

#EBB96A

#6AEBB9

Split Complementary

#B96AEB

#DDEB6A

#6AEB79

Tetradic

#B96AEB

#EB796A

#9CEB6A

#6ADDEB

Color Blindness Simulation

Original

#B96AEB

Protanopia

#9796CC

Deuteranopia

#9BA1C4

Tritanopia

#B5B3AE

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#F0E2F9
200
#E1C0F7
300
#CC93F0
400
#B159E9
500
#951EE1
600
#7718B4
700
#601390
800
#4B0F70
900
#380F52
950
#230A34

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

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