#B84177

#B84177

Color Values

HEX

#B84177

RGB

184, 65, 119

HSL

332.8, 47.8%, 48.8%

HSV

332.8, 64.7%, 72.2%

CMYK

0.0%, 64.7%, 35.3%, 27.8%

OKLCH

0.5561 0.162 355.6

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#B84177

#41B882

Analogous

#B841B2

#B84741

#B84177

Triadic

#B84177

#77B841

#4177B8

Split Complementary

#B84177

#41B847

#41B2B8

Tetradic

#B84177

#B2B841

#41B882

#4741B8

Color Blindness Simulation

Original

#B84177

Protanopia

#84836A

Deuteranopia

#8B9467

Tritanopia

#B2605D

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCADA
300
#DFA5BF
400
#CE749C
500
#BC437A
600
#973561
700
#792B4E
800
#5E213D
900
#451C2F
950
#2C111D

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

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