#B4386F

#B4386F

Color Values

HEX

#B4386F

RGB

180, 56, 111

HSL

333.4, 52.5%, 46.3%

HSV

333.4, 68.9%, 70.6%

CMYK

0.0%, 68.9%, 38.3%, 29.4%

OKLCH

0.5372 0.1669 357.1

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#B4386F

#38B47D

Analogous

#B438AD

#B43F38

#B4386F

Triadic

#B4386F

#6FB438

#386FB4

Split Complementary

#B4386F

#38B43F

#38ADB4

Tetradic

#B4386F

#ADB438

#38B47D

#3F38B4

Color Blindness Simulation

Original

#B4386F

Protanopia

#7E7D62

Deuteranopia

#868F5E

Tritanopia

#AE5755

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5EC
200
#EEC9D9
300
#E2A2BE
400
#D26F9B
500
#C23D78
600
#9C3060
700
#7C274D
800
#611E3C
900
#471A2E
950
#2D101D

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

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