#BA8EC7

#BA8EC7

Color Values

HEX

#BA8EC7

RGB

186, 142, 199

HSL

286,3, 33,7%, 66,9%

HSV

286,3, 28,6%, 78,0%

CMYK

6,5%, 28,6%, 0,0%, 22,0%

OKLCH

0,7079 0,0945 318,4

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#BA8EC7

#9BC78E

Analogous

#9E8EC7

#C78EB8

#BA8EC7

Triadic

#BA8EC7

#C7BA8E

#8EC7BA

Split Complementary

#BA8EC7

#B8C78E

#8EC79E

Tetradic

#BA8EC7

#C79E8E

#9BC78E

#8EB8C7

Color Blindness Simulation

Original

#BA8EC7

Protanopia

#A7A7B9

Deuteranopia

#AAADB6

Tritanopia

#B8AEAC

Achromatopsia

#9B9B9B

CSS Usage

background-color: #BA8EC7;
color: #BA8EC7;
border-color: #BA8EC7;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F9F5FA
100
#F0E8F2
200
#E2CFE7
300
#CDADD6
400
#B281C0
500
#9755AA
600
#794488
700
#61366D
800
#4B2A55
900
#38223F
950
#241528

Contrast Checker

Text on white

2,7:1

AA Fail AAA Fail

Text on black

7,78:1

AA Pass AAA Pass

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