#B41879

#B41879

Color Values

HEX

#B41879

RGB

180, 24, 121

HSL

322.7, 76.5%, 40.0%

HSV

322.7, 86.7%, 70.6%

CMYK

0.0%, 86.7%, 32.8%, 29.4%

OKLCH

0.5166 0.2027 349.5

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#B41879

#18B453

Analogous

#A118B4

#B4182B

#B41879

Triadic

#B41879

#79B418

#1879B4

Split Complementary

#B41879

#2BB418

#18B4A1

Tetradic

#B41879

#B4A118

#18B453

#182BB4

Color Blindness Simulation

Original

#B41879

Protanopia

#706F62

Deuteranopia

#7A855C

Tritanopia

#AC4F4B

Achromatopsia

#404040

CSS Usage

background-color: #B41879;
color: #B41879;
border-color: #B41879;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FCF2F9
100
#F9E2F0
200
#F7C0E2
300
#F193CD
400
#E958B2
500
#E11E97
600
#B41879
700
#901361
800
#710F4C
900
#520F39
950
#340A24

Contrast Checker

Text on white

6.27:1

AA Pass AAA Fail

Text on black

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