#BD30B1

#BD30B1

Color Values

HEX

#BD30B1

RGB

189, 48, 177

HSL

305.1, 59.5%, 46.5%

HSV

305.1, 74.6%, 74.1%

CMYK

0.0%, 74.6%, 6.3%, 25.9%

OKLCH

0.5735 0.222 331.9

Properties

Warm Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#BD30B1

#30BD3C

Analogous

#8330BD

#BD306B

#BD30B1

Triadic

#BD30B1

#B1BD30

#30B1BD

Split Complementary

#BD30B1

#6BBD30

#30BD83

Tetradic

#BD30B1

#BD8330

#30BD3C

#306BBD

Color Blindness Simulation

Original

#BD30B1

Protanopia

#807F92

Deuteranopia

#88938A

Tritanopia

#B67974

Achromatopsia

#575757

CSS Usage

background-color: #BD30B1;
color: #BD30B1;
border-color: #BD30B1;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FBF3FB
100
#F6E4F5
200
#F1C6ED
300
#E69DE0
400
#D969CF
500
#CB34BE
600
#A32998
700
#82217A
800
#661A5F
900
#4A1746
950
#2F0E2C

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

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