#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026