#BA61F2

#BA61F2

Color Values

HEX

#BA61F2

RGB

186, 97, 242

HSL

276.8, 84.8%, 66.5%

HSV

276.8, 59.9%, 94.9%

CMYK

23.1%, 59.9%, 0.0%, 5.1%

OKLCH

0.6589 0.2162 310.1

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#BA61F2

#99F261

Analogous

#7261F2

#F261E2

#BA61F2

Triadic

#BA61F2

#F2BA61

#61F2BA

Split Complementary

#BA61F2

#E2F261

#61F272

Tetradic

#BA61F2

#F27261

#99F261

#61E2F2

Color Blindness Simulation

Original

#BA61F2

Protanopia

#9393CF

Deuteranopia

#999FC6

Tritanopia

#B6B3AD

Achromatopsia

#7E7E7E

CSS Usage

background-color: #BA61F2;
color: #BA61F2;
border-color: #BA61F2;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F9F2FD
100
#F0E0FA
200
#E2BDFA
300
#CE8EF6
400
#B351F1
500
#9813EC
600
#7A10BC
700
#610C97
800
#4C0A76
900
#390B55
950
#240736

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

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