#B87CF4

#B87CF4

Color Values

HEX

#B87CF4

RGB

184, 124, 244

HSL

270.0, 84.5%, 72.2%

HSV

270.0, 49.2%, 95.7%

CMYK

24.6%, 49.2%, 0.0%, 4.3%

OKLCH

0.6968 0.1776 305.4

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#B87CF4

#B8F47C

Analogous

#7C7CF4

#F47CF4

#B87CF4

Triadic

#B87CF4

#F4B87C

#7CF4B8

Split Complementary

#B87CF4

#F4F47C

#7CF47C

Tetradic

#B87CF4

#F47C7C

#B8F47C

#7CF4F4

Color Blindness Simulation

Original

#B87CF4

Protanopia

#9E9DD7

Deuteranopia

#A2A6D0

Tritanopia

#B5C0BB

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DBBDF9
300
#C28EF6
400
#A151F0
500
#8014EB
600
#6610BC
700
#520D97
800
#400A76
900
#300C55
950
#1F0736

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

7.23:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026