#B86FED

#B86FED

Color Values

HEX

#B86FED

RGB

184, 111, 237

HSL

274.8, 77.8%, 68.2%

HSV

274.8, 53.2%, 92.9%

CMYK

22.4%, 53.2%, 0.0%, 7.1%

OKLCH

0.6731 0.1896 308.9

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#B86FED

#A4ED6F

Analogous

#796FED

#ED6FE3

#B86FED

Triadic

#B86FED

#EDB86F

#6FEDB8

Split Complementary

#B86FED

#E3ED6F

#6FED79

Tetradic

#B86FED

#ED796F

#A4ED6F

#6FE3ED

Color Blindness Simulation

Original

#B86FED

Protanopia

#9898CF

Deuteranopia

#9DA2C7

Tritanopia

#B4B6B1

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EFE1F9
200
#E0C0F7
300
#C992F1
400
#AC57EA
500
#8F1CE3
600
#7317B5
700
#5C1291
800
#480E71
900
#360F52
950
#220934

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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