#BA41C6

#BA41C6

Color Values

HEX

#BA41C6

RGB

186, 65, 198

HSL

294.6, 53.8%, 51.6%

HSV

294.6, 67.2%, 77.6%

CMYK

6.1%, 67.2%, 0.0%, 22.4%

OKLCH

0.5959 0.2177 324.0

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#BA41C6

#4DC641

Analogous

#7841C6

#C64190

#BA41C6

Triadic

#BA41C6

#C6BA41

#41C6BA

Split Complementary

#BA41C6

#90C641

#41C678

Tetradic

#BA41C6

#C67841

#4DC641

#4190C6

Color Blindness Simulation

Original

#BA41C6

Protanopia

#8685A6

Deuteranopia

#8D969E

Tritanopia

#B48C87

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#EBC8EF
300
#DDA1E3
400
#CA6ED3
500
#B83BC4
600
#932F9D
700
#76267E
800
#5C1D62
900
#441948
950
#2B102D

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

4.66:1

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