#B44577

#B44577

Color Values

HEX

#B44577

RGB

180, 69, 119

HSL

333.0, 44.6%, 48.8%

HSV

333.0, 61.7%, 70.6%

CMYK

0.0%, 61.7%, 33.9%, 29.4%

OKLCH

0.5548 0.1526 355.2

Properties

Warm Dark Nearest: Mulberry

Color Harmonies

Complementary

#B44577

#45B482

Analogous

#B445AE

#B44A45

#B44577

Triadic

#B44577

#77B445

#4577B4

Split Complementary

#B44577

#45B44A

#45AEB4

Tetradic

#B44577

#AEB445

#45B482

#4A45B4

Color Blindness Simulation

Original

#B44577

Protanopia

#84836B

Deuteranopia

#8A9368

Tritanopia

#AE615F

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#EBCBDA
300
#DDA7BF
400
#CB779C
500
#B8477A
600
#933961
700
#762D4E
800
#5C233D
900
#441D2F
950
#2B121D

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

4.06:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026