#B87EE8

#B87EE8

Color Values

HEX

#B87EE8

RGB

184, 126, 232

HSL

272.8, 69.7%, 70.2%

HSV

272.8, 45.7%, 91.0%

CMYK

20.7%, 45.7%, 0.0%, 9.0%

OKLCH

0.6936 0.1602 308.0

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#B87EE8

#AEE87E

Analogous

#837EE8

#E87EE3

#B87EE8

Triadic

#B87EE8

#E8B87E

#7EE8B8

Split Complementary

#B87EE8

#E3E87E

#7EE883

Tetradic

#B87EE8

#E8837E

#AEE87E

#7EE3E8

Color Blindness Simulation

Original

#B87EE8

Protanopia

#9F9ECE

Deuteranopia

#A2A7C8

Tritanopia

#B5BAB6

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F8
200
#DEC2F4
300
#C697EC
400
#A75FE2
500
#8827D8
600
#6D1FAD
700
#57198A
800
#44136C
900
#33124F
950
#200B32

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

7.19:1

AA Pass AAA Pass

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