#B84080

#B84080

Color Values

HEX

#B84080

RGB

184, 64, 128

HSL

328.0, 48.4%, 48.6%

HSV

328.0, 65.2%, 72.2%

CMYK

0.0%, 65.2%, 30.4%, 27.8%

OKLCH

0.5583 0.1676 350.9

Properties

Warm Dark Nearest: Mulberry

Color Harmonies

Complementary

#B84080

#40B878

Analogous

#B440B8

#B84044

#B84080

Triadic

#B84080

#80B840

#4080B8

Split Complementary

#B84080

#44B840

#40B8B4

Tetradic

#B84080

#B8B440

#40B878

#4044B8

Color Blindness Simulation

Original

#B84080

Protanopia

#848371

Deuteranopia

#8B946D

Tritanopia

#B26462

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#EDCADC
300
#DFA4C4
400
#CE73A4
500
#BD4284
600
#973569
700
#792A54
800
#5F2142
900
#461B32
950
#2C111F

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

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