#BD4479

#BD4479

Color Values

HEX

#BD4479

RGB

189, 68, 121

HSL

333.7, 47.8%, 50.4%

HSV

333.7, 64.0%, 74.1%

CMYK

0.0%, 64.0%, 36.0%, 25.9%

OKLCH

0.568 0.1633 356.5

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BD4479

#44BD88

Analogous

#BD44B6

#BD4C44

#BD4479

Triadic

#BD4479

#79BD44

#4479BD

Split Complementary

#BD4479

#44BD4C

#44B6BD

Tetradic

#BD4479

#B6BD44

#44BD88

#4C44BD

Color Blindness Simulation

Original

#BD4479

Protanopia

#89886C

Deuteranopia

#909969

Tritanopia

#B76260

Achromatopsia

#626262

CSS Usage

background-color: #BD4479;
color: #BD4479;
border-color: #BD4479;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCAD9
300
#DFA5BE
400
#CE749B
500
#BC4378
600
#973560
700
#792B4D
800
#5E213C
900
#451C2E
950
#2C111D

Contrast Checker

Text on white

4.92:1

AA Pass AAA Fail

Text on black

4.27:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026