#BD387C

#BD387C

Color Values

HEX

#BD387C

RGB

189, 56, 124

HSL

329.3, 54.3%, 48.0%

HSV

329.3, 70.4%, 74.1%

CMYK

0.0%, 70.4%, 34.4%, 25.9%

OKLCH

0.5563 0.1802 353.2

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BD387C

#38BD79

Analogous

#BB38BD

#BD3839

#BD387C

Triadic

#BD387C

#7CBD38

#387CBD

Split Complementary

#BD387C

#39BD38

#38BDBB

Tetradic

#BD387C

#BDBB38

#38BD79

#3839BD

Color Blindness Simulation

Original

#BD387C

Protanopia

#83826C

Deuteranopia

#8B9568

Tritanopia

#B65F5C

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5ED
200
#EFC8DC
300
#E3A1C3
400
#D46DA2
500
#C53A81
600
#9D2F67
700
#7E2553
800
#621D41
900
#481931
950
#2E101F

Contrast Checker

Text on white

5.22:1

AA Pass AAA Fail

Text on black

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