#B4346D

#B4346D

Color Values

HEX

#B4346D

RGB

180, 52, 109

HSL

333.3, 55.2%, 45.5%

HSV

333.3, 71.1%, 70.6%

CMYK

0.0%, 71.1%, 39.4%, 29.4%

OKLCH

0.5325 0.171 357.5

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#B4346D

#34B47B

Analogous

#B434AD

#B43B34

#B4346D

Triadic

#B4346D

#6DB434

#346DB4

Split Complementary

#B4346D

#34B43B

#34ADB4

Tetradic

#B4346D

#ADB434

#34B47B

#3B34B4

Color Blindness Simulation

Original

#B4346D

Protanopia

#7D7B5F

Deuteranopia

#848E5C

Tritanopia

#AE5452

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E5EC
200
#EFC8D9
300
#E4A0BE
400
#D56D9B
500
#C63978
600
#9E2E60
700
#7F254D
800
#631D3C
900
#49182E
950
#2E0F1D

Contrast Checker

Text on white

5.75:1

AA Pass AAA Fail

Text on black

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