#B4186F

#B4186F

Color Values

HEX

#B4186F

RGB

180, 24, 111

HSL

326.5, 76.5%, 40.0%

HSV

326.5, 86.7%, 70.6%

CMYK

0.0%, 86.7%, 38.3%, 29.4%

OKLCH

0.5126 0.198 353.7

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#B4186F

#18B45D

Analogous

#AB18B4

#B41821

#B4186F

Triadic

#B4186F

#6FB418

#186FB4

Split Complementary

#B4186F

#21B418

#18B4AB

Tetradic

#B4186F

#B4AB18

#18B45D

#1821B4

Color Blindness Simulation

Original

#B4186F

Protanopia

#706F5A

Deuteranopia

#7A8555

Tritanopia

#AC4946

Achromatopsia

#3F3F3F

CSS Usage

background-color: #B4186F;
color: #B4186F;
border-color: #B4186F;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FCF2F8
100
#F9E2EF
200
#F7C0DE
300
#F193C7
400
#E958A9
500
#E11E8B
600
#B4186F
700
#901359
800
#710F45
900
#520F34
950
#340A21

Contrast Checker

Text on white

6.36:1

AA Pass AAA Fail

Text on black

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