#BB3376

#BB3376

Color Values

HEX

#BB3376

RGB

187, 51, 118

HSL

330.4, 57.1%, 46.7%

HSV

330.4, 72.7%, 73.3%

CMYK

0.0%, 72.7%, 36.9%, 26.7%

OKLCH

0.5462 0.1817 354.8

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BB3376

#33BB78

Analogous

#BB33BA

#BB3433

#BB3376

Triadic

#BB3376

#76BB33

#3376BB

Split Complementary

#BB3376

#33BB34

#33BABB

Tetradic

#BB3376

#BABB33

#33BB78

#3433BB

Color Blindness Simulation

Original

#BB3376

Protanopia

#807F66

Deuteranopia

#889262

Tritanopia

#B45956

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E4ED
200
#F0C7DB
300
#E59FC1
400
#D76BA0
500
#C8377F
600
#A02C65
700
#802351
800
#641B3F
900
#491830
950
#2E0F1E

Contrast Checker

Text on white

5.46:1

AA Pass AAA Fail

Text on black

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