#B53877

#B53877

Color Values

HEX

#B53877

RGB

181, 56, 119

HSL

329.8, 52.7%, 46.5%

HSV

329.8, 69.1%, 71.0%

CMYK

0.0%, 69.1%, 34.3%, 29.0%

OKLCH

0.5416 0.1712 353.4

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#B53877

#38B576

Analogous

#B538B5

#B53839

#B53877

Triadic

#B53877

#77B538

#3877B5

Split Complementary

#B53877

#39B538

#38B5B5

Tetradic

#B53877

#B5B538

#38B576

#3839B5

Color Blindness Simulation

Original

#B53877

Protanopia

#7F7E68

Deuteranopia

#869064

Tritanopia

#AF5C59

Achromatopsia

#575757

CSS Usage

background-color: #B53877;
color: #B53877;
border-color: #B53877;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FBF4F7
100
#F5E5ED
200
#EEC8DB
300
#E2A2C2
400
#D26FA1
500
#C33C80
600
#9C3066
700
#7D2752
800
#611E40
900
#471931
950
#2D101F

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

3.8:1

AA Fail 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