#BA30B7

#BA30B7

Color Values

HEX

#BA30B7

RGB

186, 48, 183

HSL

301.3, 59.0%, 45.9%

HSV

301.3, 74.2%, 72.9%

CMYK

0.0%, 74.2%, 1.6%, 27.1%

OKLCH

0.5723 0.2249 329.0

Properties

Warm Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#BA30B7

#30BA33

Analogous

#7830BA

#BA3072

#BA30B7

Triadic

#BA30B7

#B7BA30

#30B7BA

Split Complementary

#BA30B7

#72BA30

#30BA78

Tetradic

#BA30B7

#BA7830

#30BA33

#3072BA

Color Blindness Simulation

Original

#BA30B7

Protanopia

#7E7D96

Deuteranopia

#86918E

Tritanopia

#B37D77

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F6E4F6
200
#F0C6EF
300
#E69EE4
400
#D869D6
500
#CB34C7
600
#A22AA0
700
#822180
800
#651A64
900
#4A1749
950
#2F0E2E

Contrast Checker

Text on white

5.01:1

AA Pass AAA Fail

Text on black

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