#BA39C6

#BA39C6

Color Values

HEX

#BA39C6

RGB

186, 57, 198

HSL

294.9, 55.3%, 50.0%

HSV

294.9, 71.2%, 77.6%

CMYK

6.1%, 71.2%, 0.0%, 22.4%

OKLCH

0.5884 0.227 324.2

Properties

Cool Dark Nearest: mediumorchid

Color Harmonies

Complementary

#BA39C6

#45C639

Analogous

#7439C6

#C6398B

#BA39C6

Triadic

#BA39C6

#C6BA39

#39C6BA

Split Complementary

#BA39C6

#8BC639

#39C674

Tetradic

#BA39C6

#C67439

#45C639

#398BC6

Color Blindness Simulation

Original

#BA39C6

Protanopia

#8281A4

Deuteranopia

#8A939C

Tritanopia

#B48983

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E5F6
200
#ECC8EF
300
#DEA0E4
400
#CC6CD5
500
#BA39C6
600
#952E9E
700
#77247F
800
#5D1C63
900
#441849
950
#2B0F2E

Contrast Checker

Text on white

4.68:1

AA Pass AAA Fail

Text on black

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