#BA6CD6

#BA6CD6

Color Values

HEX

#BA6CD6

RGB

186, 108, 214

HSL

284,2, 56,4%, 63,1%

HSV

284,2, 49,5%, 83,9%

CMYK

13,1%, 49,5%, 0,0%, 16,1%

OKLCH

0,6585 0,1701 316,5

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#BA6CD6

#88D66C

Analogous

#856CD6

#D66CBD

#BA6CD6

Triadic

#BA6CD6

#D6BA6C

#6CD6BA

Split Complementary

#BA6CD6

#BDD66C

#6CD685

Tetradic

#BA6CD6

#D6856C

#88D66C

#6CBDD6

Color Blindness Simulation

Original

#BA6CD6

Protanopia

#9898BC

Deuteranopia

#9DA3B6

Tritanopia

#B6A8A4

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F9F4FB
100
#F1E5F6
200
#E5C7EF
300
#D29FE4
400
#BA6BD6
500
#A238C7
600
#812CA0
700
#672480
800
#511C64
900
#3C1849
950
#260F2E

Contrast Checker

Text on white

3,38:1

AA Fail AAA Fail

Text on black

6,2: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