#B871EE

#B871EE

Color Values

HEX

#B871EE

RGB

184, 113, 238

HSL

274.1, 78.6%, 68.8%

HSV

274.1, 52.5%, 93.3%

CMYK

22.7%, 52.5%, 0.0%, 6.7%

OKLCH

0.6766 0.1877 308.4

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#B871EE

#A7EE71

Analogous

#7971EE

#EE71E5

#B871EE

Triadic

#B871EE

#EEB871

#71EEB8

Split Complementary

#B871EE

#E5EE71

#71EE79

Tetradic

#B871EE

#EE7971

#A7EE71

#71E5EE

Color Blindness Simulation

Original

#B871EE

Protanopia

#9999D0

Deuteranopia

#9DA3C8

Tritanopia

#B4B8B3

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EFE1F9
200
#DFBFF7
300
#C892F2
400
#AB56EB
500
#8D1BE4
600
#7116B6
700
#5A1192
800
#470E72
900
#350E53
950
#220934

Contrast Checker

Text on white

3.17:1

AA Fail AAA Fail

Text on black

6.63:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026