#BA4FBD

#BA4FBD

Color Values

HEX

#BA4FBD

RGB

186, 79, 189

HSL

298.4, 45.5%, 52.5%

HSV

298.4, 58.2%, 74.1%

CMYK

1.6%, 58.2%, 0.0%, 25.9%

OKLCH

0.6063 0.1911 326.5

Properties

Cool Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#BA4FBD

#52BD4F

Analogous

#834FBD

#BD4F89

#BA4FBD

Triadic

#BA4FBD

#BDBA4F

#4FBDBA

Split Complementary

#BA4FBD

#89BD4F

#4FBD83

Tetradic

#BA4FBD

#BD834F

#52BD4F

#4F89BD

Color Blindness Simulation

Original

#BA4FBD

Protanopia

#8C8BA2

Deuteranopia

#929A9C

Tritanopia

#B58D89

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#EBCBEC
300
#DCA6DE
400
#C976CC
500
#B645BA
600
#923894
700
#752C77
800
#5B235D
900
#431D44
950
#2A122B

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

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