#BA3EB9

#BA3EB9

Color Values

HEX

#BA3EB9

RGB

186, 62, 185

HSL

300,5, 50,0%, 48,6%

HSV

300,5, 66,7%, 72,9%

CMYK

0,0%, 66,7%, 0,5%, 27,1%

OKLCH

0,5856 0,2107 328,2

Properties

Warm Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#BA3EB9

#3EBA3F

Analogous

#7D3EBA

#BA3E7B

#BA3EB9

Triadic

#BA3EB9

#B9BA3E

#3EB9BA

Split Complementary

#BA3EB9

#7BBA3E

#3EBA7D

Tetradic

#BA3EB9

#BA7D3E

#3EBA3F

#3E7BBA

Color Blindness Simulation

Original

#BA3EB9

Protanopia

#84839B

Deuteranopia

#8C9594

Tritanopia

#B4847F

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F5E6F5
200
#EDC9ED
300
#E0A3E0
400
#D071CF
500
#BF40BE
600
#993398
700
#7A297A
800
#60205F
900
#461B46
950
#2C112C

Contrast Checker

Text on white

4,69:1

AA Pass AAA Fail

Text on black

4,48: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