#BD307A

#BD307A

Color Values

HEX

#BD307A

RGB

189, 48, 122

HSL

328.5, 59.5%, 46.5%

HSV

328.5, 74.6%, 74.1%

CMYK

0.0%, 74.6%, 35.4%, 25.9%

OKLCH

0.5483 0.1884 353.2

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BD307A

#30BD73

Analogous

#BA30BD

#BD3034

#BD307A

Triadic

#BD307A

#7ABD30

#307ABD

Split Complementary

#BD307A

#34BD30

#30BDBA

Tetradic

#BD307A

#BDBA30

#30BD73

#3034BD

Color Blindness Simulation

Original

#BD307A

Protanopia

#807F68

Deuteranopia

#889364

Tritanopia

#B65A57

Achromatopsia

#535353

CSS Usage

background-color: #BD307A;
color: #BD307A;
border-color: #BD307A;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FBF3F8
100
#F6E4EE
200
#F1C6DC
300
#E69DC4
400
#D969A3
500
#CB3483
600
#A32969
700
#822154
800
#661A42
900
#4A1732
950
#2F0E1F

Contrast Checker

Text on white

5.43:1

AA Pass AAA Fail

Text on black

3.87:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026