#BA6ABF

#BA6ABF

Color Values

HEX

#BA6ABF

RGB

186, 106, 191

HSL

296,5, 39,9%, 58,2%

HSV

296,5, 44,5%, 74,9%

CMYK

2,6%, 44,5%, 0,0%, 25,1%

OKLCH

0,6442 0,1498 325,0

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#BA6ABF

#6FBF6A

Analogous

#8F6ABF

#BF6A99

#BA6ABF

Triadic

#BA6ABF

#BFBA6A

#6ABFBA

Split Complementary

#BA6ABF

#99BF6A

#6ABF8F

Tetradic

#BA6ABF

#BF8F6A

#6FBF6A

#6A99BF

Color Blindness Simulation

Original

#BA6ABF

Protanopia

#9797AA

Deuteranopia

#9CA2A6

Tritanopia

#B69A97

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F2E7F3
200
#E8CDEA
300
#D7A9DA
400
#C27BC6
500
#AC4DB2
600
#8A3D8F
700
#6E3172
800
#562659
900
#401F42
950
#28142A

Contrast Checker

Text on white

3,56:1

AA Fail AAA Fail

Text on black

5,9: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