#BA73BF

#BA73BF

Color Values

HEX

#BA73BF

RGB

186, 115, 191

HSL

296.1, 37.3%, 60.0%

HSV

296.1, 39.8%, 74.9%

CMYK

2.6%, 39.8%, 0.0%, 25.1%

OKLCH

0.6582 0.1342 324.6

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#BA73BF

#78BF73

Analogous

#9473BF

#BF739E

#BA73BF

Triadic

#BA73BF

#BFBA73

#73BFBA

Split Complementary

#BA73BF

#9EBF73

#73BF94

Tetradic

#BA73BF

#BF9473

#78BF73

#739EBF

Color Blindness Simulation

Original

#BA73BF

Protanopia

#9B9BAD

Deuteranopia

#9FA5A8

Tritanopia

#B69E9B

Achromatopsia

#888888

CSS Usage

background-color: #BA73BF;
color: #BA73BF;
border-color: #BA73BF;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#F9F5FA
100
#F2E7F3
200
#E7CEE9
300
#D6ABD9
400
#BF7DC4
500
#A950AF
600
#87408C
700
#6C3370
800
#542858
900
#3F2041
950
#281429

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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