#BD306B

#BD306B

Color Values

HEX

#BD306B

RGB

189, 48, 107

HSL

334.9, 59.5%, 46.5%

HSV

334.9, 74.6%, 74.1%

CMYK

0.0%, 74.6%, 43.4%, 25.9%

OKLCH

0.5431 0.1825 0.1

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BD306B

#30BD82

Analogous

#BD30B2

#BD3C30

#BD306B

Triadic

#BD306B

#6BBD30

#306BBD

Split Complementary

#BD306B

#30BD3C

#30B2BD

Tetradic

#BD306B

#B2BD30

#30BD82

#3C30BD

Color Blindness Simulation

Original

#BD306B

Protanopia

#807F5D

Deuteranopia

#889359

Tritanopia

#B6514F

Achromatopsia

#525252

CSS Usage

background-color: #BD306B;
color: #BD306B;
border-color: #BD306B;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FBF3F7
100
#F6E4EC
200
#F1C6D8
300
#E69DBC
400
#D96997
500
#CB3473
600
#A3295C
700
#82214A
800
#661A3A
900
#4A172C
950
#2F0E1C

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

3.8:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026