#BA4DC0

#BA4DC0

Color Values

HEX

#BA4DC0

RGB

186, 77, 192

HSL

296.9, 47.7%, 52.7%

HSV

296.9, 59.9%, 75.3%

CMYK

3.1%, 59.9%, 0.0%, 24.7%

OKLCH

0.6055 0.1966 325.6

Properties

Cool Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#BA4DC0

#53C04D

Analogous

#804DC0

#C04D8C

#BA4DC0

Triadic

#BA4DC0

#C0BA4D

#4DC0BA

Split Complementary

#BA4DC0

#8CC04D

#4DC080

Tetradic

#BA4DC0

#C0804D

#53C04D

#4D8CC0

Color Blindness Simulation

Original

#BA4DC0

Protanopia

#8B8AA4

Deuteranopia

#91999D

Tritanopia

#B58E89

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#EBCAEC
300
#DCA5DF
400
#C974CE
500
#B643BC
600
#923597
700
#752B79
800
#5B215E
900
#431C45
950
#2A112C

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

4.91:1

AA Pass 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