#B4306F

#B4306F

Color Values

HEX

#B4306F

RGB

180, 48, 111

HSL

331.4, 57.9%, 44.7%

HSV

331.4, 73.3%, 70.6%

CMYK

0.0%, 73.3%, 38.3%, 29.4%

OKLCH

0.5294 0.1765 355.9

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#B4306F

#30B475

Analogous

#B430B1

#B43330

#B4306F

Triadic

#B4306F

#6FB430

#306FB4

Split Complementary

#B4306F

#30B433

#30B1B4

Tetradic

#B4306F

#B1B430

#30B475

#3330B4

Color Blindness Simulation

Original

#B4306F

Protanopia

#7B7A60

Deuteranopia

#828C5C

Tritanopia

#AD5451

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E4ED
200
#F0C7DA
300
#E59EC0
400
#D76A9E
500
#C9367C
600
#A12B63
700
#81224F
800
#651B3E
900
#4A172F
950
#2F0F1E

Contrast Checker

Text on white

5.84:1

AA Pass AAA Fail

Text on black

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