#B0336F

#B0336F

Color Values

HEX

#B0336F

RGB

176, 51, 111

HSL

331.2, 55.1%, 44.5%

HSV

331.2, 71.0%, 69.0%

CMYK

0.0%, 71.0%, 36.9%, 31.0%

OKLCH

0.5256 0.1696 355.2

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#B0336F

#33B074

Analogous

#B033AD

#B03533

#B0336F

Triadic

#B0336F

#6FB033

#336FB0

Split Complementary

#B0336F

#33B035

#33ADB0

Tetradic

#B0336F

#ADB033

#33B074

#3533B0

Color Blindness Simulation

Original

#B0336F

Protanopia

#7A7960

Deuteranopia

#818A5D

Tritanopia

#AA5552

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E5ED
200
#EFC8DB
300
#E4A0C0
400
#D56D9F
500
#C6397D
600
#9E2E64
700
#7F2550
800
#631D3E
900
#48182F
950
#2E0F1E

Contrast Checker

Text on white

5.92:1

AA Pass AAA Fail

Text on black

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