#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026