#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

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026