#B12871

#B12871

Color Values

HEX

#B12871

RGB

177, 40, 113

HSL

328.0, 63.1%, 42.5%

HSV

328.0, 77.4%, 69.4%

CMYK

0.0%, 77.4%, 36.2%, 30.6%

OKLCH

0.5183 0.1835 353.2

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#B12871

#28B168

Analogous

#AC28B1

#B1282D

#B12871

Triadic

#B12871

#71B128

#2871B1

Split Complementary

#B12871

#2DB128

#28B1AC

Tetradic

#B12871

#B1AC28

#28B168

#282DB1

Color Blindness Simulation

Original

#B12871

Protanopia

#76745F

Deuteranopia

#7E885B

Tritanopia

#AA514E

Achromatopsia

#4A4A4A

CSS Usage

background-color: #B12871;
color: #B12871;
border-color: #B12871;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FBF3F8
100
#F7E4EE
200
#F2C5DD
300
#E89BC4
400
#DC65A5
500
#D02F85
600
#A6266A
700
#851E55
800
#681842
900
#4C1532
950
#300D20

Contrast Checker

Text on white

6.16:1

AA Pass AAA Fail

Text on black

3.41:1

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