#BA50BA

#BA50BA

Color Values

HEX

#BA50BA

RGB

186, 80, 186

HSL

300.0, 43.4%, 52.2%

HSV

300.0, 57.0%, 72.9%

CMYK

0.0%, 57.0%, 0.0%, 27.1%

OKLCH

0.606 0.187 327.6

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#BA50BA

#50BA50

Analogous

#8550BA

#BA5085

#BA50BA

Triadic

#BA50BA

#BABA50

#50BABA

Split Complementary

#BA50BA

#85BA50

#50BA85

Tetradic

#BA50BA

#BA8550

#50BA50

#5085BA

Color Blindness Simulation

Original

#BA50BA

Protanopia

#8C8BA0

Deuteranopia

#929A9A

Tritanopia

#B58C88

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F4E7F4
200
#EBCCEB
300
#DCA7DC
400
#CA78CA
500
#B748B7
600
#923A92
700
#752E75
800
#5B245B
900
#431E43
950
#2B132B

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