#BB4476

#BB4476

Color Values

HEX

#BB4476

RGB

187, 68, 118

HSL

334.8, 46.7%, 50.0%

HSV

334.8, 63.6%, 73.3%

CMYK

0.0%, 63.6%, 36.9%, 26.7%

OKLCH

0.5639 0.1602 357.5

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BB4476

#44BB89

Analogous

#BB44B2

#BB4D44

#BB4476

Triadic

#BB4476

#76BB44

#4476BB

Split Complementary

#BB4476

#44BB4D

#44B2BB

Tetradic

#BB4476

#B2BB44

#44BB89

#4D44BB

Color Blindness Simulation

Original

#BB4476

Protanopia

#87866A

Deuteranopia

#8E9767

Tritanopia

#B5605E

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCBD9
300
#DEA5BD
400
#CD759A
500
#BB4476
600
#96365E
700
#782B4C
800
#5E223B
900
#451C2D
950
#2B121D

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

4.2:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026