#B96AEF

#B96AEF

Color Values

HEX

#B96AEF

RGB

185, 106, 239

HSL

275.6, 80.6%, 67.6%

HSV

275.6, 55.6%, 93.7%

CMYK

22.6%, 55.6%, 0.0%, 6.3%

OKLCH

0.6682 0.1997 309.4

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#B96AEF

#A0EF6A

Analogous

#766AEF

#EF6AE3

#B96AEF

Triadic

#B96AEF

#EFB96A

#6AEFB9

Split Complementary

#B96AEF

#E3EF6A

#6AEF76

Tetradic

#B96AEF

#EF766A

#A0EF6A

#6AE3EF

Color Blindness Simulation

Original

#B96AEF

Protanopia

#9796CF

Deuteranopia

#9BA1C7

Tritanopia

#B5B5B0

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EFE1F9
200
#E1BFF8
300
#CB90F3
400
#AF55ED
500
#9319E6
600
#7514B8
700
#5E1093
800
#490C73
900
#370D54
950
#230835

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

6.37:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026