#B44186

#B44186

Color Values

HEX

#B44186

RGB

180, 65, 134

HSL

324.0, 46.9%, 48.0%

HSV

324.0, 63.9%, 70.6%

CMYK

0.0%, 63.9%, 25.6%, 29.4%

OKLCH

0.5556 0.1662 346.8

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#B44186

#41B46F

Analogous

#A841B4

#B4414C

#B44186

Triadic

#B44186

#86B441

#4186B4

Split Complementary

#B44186

#4CB441

#41B4A8

Tetradic

#B44186

#B4A841

#41B46F

#414CB4

Color Blindness Simulation

Original

#B44186

Protanopia

#828175

Deuteranopia

#899271

Tritanopia

#AE6865

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EF
200
#ECCBDF
300
#DFA5C8
400
#CD74AA
500
#BB448B
600
#963670
700
#782B59
800
#5E2246
900
#451C35
950
#2C1221

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

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