#BA94D1

#BA94D1

Color Values

HEX

#BA94D1

RGB

186, 148, 209

HSL

277.4, 39.9%, 70.0%

HSV

277.4, 29.2%, 82.0%

CMYK

11.0%, 29.2%, 0.0%, 18.0%

OKLCH

0.7228 0.0958 312.3

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BA94D1

#ABD194

Analogous

#9C94D1

#D194C9

#BA94D1

Triadic

#BA94D1

#D1BA94

#94D1BA

Split Complementary

#BA94D1

#C9D194

#94D19C

Tetradic

#BA94D1

#D19C94

#ABD194

#94C9D1

Color Blindness Simulation

Original

#BA94D1

Protanopia

#AAA9C2

Deuteranopia

#ACAFBF

Tritanopia

#B8B7B4

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE7F3
200
#DFCDEA
300
#C8A9DA
400
#AA7BC6
500
#8C4DB2
600
#703D8F
700
#5A3172
800
#462659
900
#351F42
950
#21142A

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.24: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