#BA41AC

#BA41AC

Color Values

HEX

#BA41AC

RGB

186, 65, 172

HSL

306,9, 48,2%, 49,2%

HSV

306,9, 65,1%, 72,9%

CMYK

0,0%, 65,1%, 7,5%, 27,1%

OKLCH

0,5818 0,1967 332,7

Properties

Warm Dark Nearest: orchid 3

Color Harmonies

Complementary

#BA41AC

#41BA4F

Analogous

#8B41BA

#BA4170

#BA41AC

Triadic

#BA41AC

#ACBA41

#41ACBA

Split Complementary

#BA41AC

#70BA41

#41BA8B

Tetradic

#BA41AC

#BA8B41

#41BA4F

#4170BA

Color Blindness Simulation

Original

#BA41AC

Protanopia

#868592

Deuteranopia

#8D968C

Tritanopia

#B47E79

Achromatopsia

#626262

CSS Usage

background-color: #BA41AC;
color: #BA41AC;
border-color: #BA41AC;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#EDCAE9
300
#DFA4D9
400
#CE73C4
500
#BD42AF
600
#97358C
700
#792A70
800
#5E2157
900
#451B41
950
#2C1129

Contrast Checker

Text on white

4,73:1

AA Pass AAA Fail

Text on black

4,44: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