#B878EC

#B878EC

Color Values

HEX

#B878EC

RGB

184, 120, 236

HSL

273.1, 75.3%, 69.8%

HSV

273.1, 49.2%, 92.5%

CMYK

22.0%, 49.2%, 0.0%, 7.5%

OKLCH

0.6862 0.1745 307.9

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#B878EC

#ACEC78

Analogous

#7E78EC

#EC78E6

#B878EC

Triadic

#B878EC

#ECB878

#78ECB8

Split Complementary

#B878EC

#E6EC78

#78EC7E

Tetradic

#B878EC

#EC7E78

#ACEC78

#78E6EC

Color Blindness Simulation

Original

#B878EC

Protanopia

#9C9CD0

Deuteranopia

#A0A5C9

Tritanopia

#B5BAB5

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EEE2F9
200
#DEC0F6
300
#C794F0
400
#A85AE8
500
#891FE0
600
#6E19B3
700
#58148F
800
#451070
900
#341051
950
#210A33

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

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