#BA6AED

#BA6AED

Color Values

HEX

#BA6AED

RGB

186, 106, 237

HSL

276.6, 78.4%, 67.3%

HSV

276.6, 55.3%, 92.9%

CMYK

21.5%, 55.3%, 0.0%, 7.1%

OKLCH

0.6681 0.1979 310.3

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#BA6AED

#9DED6A

Analogous

#796AED

#ED6ADF

#BA6AED

Triadic

#BA6AED

#EDBA6A

#6AEDBA

Split Complementary

#BA6AED

#DFED6A

#6AED79

Tetradic

#BA6AED

#ED796A

#9DED6A

#6ADFED

Color Blindness Simulation

Original

#BA6AED

Protanopia

#9797CD

Deuteranopia

#9CA2C6

Tritanopia

#B6B4AF

Achromatopsia

#848484

CSS Usage

background-color: #BA6AED;
color: #BA6AED;
border-color: #BA6AED;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F2FC
100
#F0E1F9
200
#E1BFF7
300
#CC92F2
400
#B157EB
500
#951CE3
600
#7816B6
700
#601292
800
#4B0E72
900
#380E53
950
#230934

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

6.37:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026