#B861F0

#B861F0

Color Values

HEX

#B861F0

RGB

184, 97, 240

HSL

276.5, 82.7%, 66.1%

HSV

276.5, 59.6%, 94.1%

CMYK

23.3%, 59.6%, 0.0%, 5.9%

OKLCH

0.6555 0.2135 309.8

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#B861F0

#99F061

Analogous

#7161F0

#F061E1

#B861F0

Triadic

#B861F0

#F0B861

#61F0B8

Split Complementary

#B861F0

#E1F061

#61F071

Tetradic

#B861F0

#F07161

#99F061

#61E1F0

Color Blindness Simulation

Original

#B861F0

Protanopia

#9292CD

Deuteranopia

#979EC5

Tritanopia

#B4B2AC

Achromatopsia

#7E7E7E

CSS Usage

background-color: #B861F0;
color: #B861F0;
border-color: #B861F0;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F9F2FD
100
#F0E1FA
200
#E2BEF9
300
#CD8FF4
400
#B253EF
500
#9616E9
600
#7812BA
700
#600E95
800
#4B0B74
900
#380C55
950
#240835

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

6.01:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026