#B44576

#B44576

Color Values

HEX

#B44576

RGB

180, 69, 118

HSL

333.5, 44.6%, 48.8%

HSV

333.5, 61.7%, 70.6%

CMYK

0.0%, 61.7%, 34.4%, 29.4%

OKLCH

0.5544 0.1522 355.8

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#B44576

#45B483

Analogous

#B445AD

#B44B45

#B44576

Triadic

#B44576

#76B445

#4576B4

Split Complementary

#B44576

#45B44B

#45ADB4

Tetradic

#B44576

#ADB445

#45B483

#4B45B4

Color Blindness Simulation

Original

#B44576

Protanopia

#84836A

Deuteranopia

#8A9367

Tritanopia

#AE615F

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#EBCBD9
300
#DDA7BF
400
#CB779C
500
#B84779
600
#933961
700
#762D4D
800
#5C233C
900
#441D2E
950
#2B121D

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

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