#B4396F

#B4396F

Color Values

HEX

#B4396F

RGB

180, 57, 111

HSL

333.7, 51.9%, 46.5%

HSV

333.7, 68.3%, 70.6%

CMYK

0.0%, 68.3%, 38.3%, 29.4%

OKLCH

0.5382 0.1656 357.3

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#B4396F

#39B47E

Analogous

#B439AD

#B44139

#B4396F

Triadic

#B4396F

#6FB439

#396FB4

Split Complementary

#B4396F

#39B441

#39ADB4

Tetradic

#B4396F

#ADB439

#39B47E

#4139B4

Color Blindness Simulation

Original

#B4396F

Protanopia

#7F7E62

Deuteranopia

#868F5F

Tritanopia

#AE5855

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5EC
200
#EEC9D9
300
#E2A2BE
400
#D2709B
500
#C23D77
600
#9B315F
700
#7C274C
800
#611F3C
900
#471A2E
950
#2D101D

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

3.76:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026