#B41489

#B41489

Color Values

HEX

#B41489

RGB

180, 20, 137

HSL

316.1, 80.0%, 39.2%

HSV

316.1, 88.9%, 70.6%

CMYK

0.0%, 88.9%, 23.9%, 29.4%

OKLCH

0.522 0.2137 342.9

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#B41489

#14B43F

Analogous

#8F14B4

#B41439

#B41489

Triadic

#B41489

#89B414

#1489B4

Split Complementary

#B41489

#39B414

#14B48F

Tetradic

#B41489

#B48F14

#14B43F

#1439B4

Color Blindness Simulation

Original

#B41489

Protanopia

#6F6D6D

Deuteranopia

#788466

Tritanopia

#AC5651

Achromatopsia

#3E3E3E

CSS Usage

background-color: #B41489;
color: #B41489;
border-color: #B41489;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FDF2FA
100
#F9E1F3
200
#F8BFE9
300
#F391D8
400
#EC55C4
500
#E619AF
600
#B8148C
700
#931070
800
#730D57
900
#530E41
950
#350929

Contrast Checker

Text on white

6.17:1

AA Pass AAA Fail

Text on black

3.4:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026