#BA5FC0

#BA5FC0

Color Values

HEX

#BA5FC0

RGB

186, 95, 192

HSL

296,3, 43,5%, 56,3%

HSV

296,3, 50,5%, 75,3%

CMYK

3,1%, 50,5%, 0,0%, 24,7%

OKLCH

0,6286 0,1691 325,0

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#BA5FC0

#65C05F

Analogous

#8A5FC0

#C05F96

#BA5FC0

Triadic

#BA5FC0

#C0BA5F

#5FC0BA

Split Complementary

#BA5FC0

#96C05F

#5FC08A

Tetradic

#BA5FC0

#C08A5F

#65C05F

#5F96C0

Color Blindness Simulation

Original

#BA5FC0

Protanopia

#9392A9

Deuteranopia

#989FA3

Tritanopia

#B59692

Achromatopsia

#797979

CSS Usage

background-color: #BA5FC0;
color: #BA5FC0;
border-color: #BA5FC0;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FAF5FA
100
#F3E7F4
200
#E9CCEB
300
#D9A7DC
400
#C578CA
500
#B048B7
600
#8D3A92
700
#712E75
800
#58245B
900
#411D43
950
#29132B

Contrast Checker

Text on white

3,83:1

AA Fail AAA Fail

Text on black

5,49: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