#BD4484

#BD4484

Color Values

HEX

#BD4484

RGB

189, 68, 132

HSL

328.3, 47.8%, 50.4%

HSV

328.3, 64.0%, 74.1%

CMYK

0.0%, 64.0%, 30.2%, 25.9%

OKLCH

0.572 0.1684 351.0

Properties

Warm Dark Nearest: Mulberry

Color Harmonies

Complementary

#BD4484

#44BD7D

Analogous

#BA44BD

#BD4447

#BD4484

Triadic

#BD4484

#84BD44

#4484BD

Split Complementary

#BD4484

#47BD44

#44BDBA

Tetradic

#BD4484

#BDBA44

#44BD7D

#4447BD

Color Blindness Simulation

Original

#BD4484

Protanopia

#898875

Deuteranopia

#909971

Tritanopia

#B76866

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCADC
300
#DFA5C3
400
#CE74A3
500
#BC4383
600
#973569
700
#792B54
800
#5E2141
900
#451C32
950
#2C111F

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

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