#B96AEE

#B96AEE

Color Values

HEX

#B96AEE

RGB

185, 106, 238

HSL

275.9, 79.5%, 67.5%

HSV

275.9, 55.5%, 93.3%

CMYK

22.3%, 55.5%, 0.0%, 6.7%

OKLCH

0.6676 0.1986 309.7

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#B96AEE

#9FEE6A

Analogous

#776AEE

#EE6AE1

#B96AEE

Triadic

#B96AEE

#EEB96A

#6AEEB9

Split Complementary

#B96AEE

#E1EE6A

#6AEE77

Tetradic

#B96AEE

#EE776A

#9FEE6A

#6AE1EE

Color Blindness Simulation

Original

#B96AEE

Protanopia

#9796CE

Deuteranopia

#9BA1C6

Tritanopia

#B5B5AF

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#F0E1F9
200
#E1BFF8
300
#CB91F2
400
#AF56EC
500
#931AE5
600
#7615B7
700
#5E1192
800
#4A0D72
900
#370E53
950
#230934

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

6.36:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026