#B86FF1

#B86FF1

Color Values

HEX

#B86FF1

RGB

184, 111, 241

HSL

273.7, 82.3%, 69.0%

HSV

273.7, 53.9%, 94.5%

CMYK

23.7%, 53.9%, 0.0%, 5.5%

OKLCH

0.6754 0.1941 308.0

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#B86FF1

#A8F16F

Analogous

#776FF1

#F16FE9

#B86FF1

Triadic

#B86FF1

#F1B86F

#6FF1B8

Split Complementary

#B86FF1

#E9F16F

#6FF177

Tetradic

#B86FF1

#F1776F

#A8F16F

#6FE9F1

Color Blindness Simulation

Original

#B86FF1

Protanopia

#9898D2

Deuteranopia

#9DA2CA

Tritanopia

#B4B9B3

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EFE1FA
200
#DFBEF9
300
#C88FF4
400
#AA53EE
500
#8C17E8
600
#7012BA
700
#5A0E95
800
#460B74
900
#350D54
950
#210835

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

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