#BA93C2

#BA93C2

Color Values

HEX

#BA93C2

RGB

186, 147, 194

HSL

289,8, 27,8%, 66,9%

HSV

289,8, 24,2%, 76,1%

CMYK

4,1%, 24,2%, 0,0%, 23,9%

OKLCH

0,715 0,0798 320,6

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#BA93C2

#9BC293

Analogous

#A393C2

#C293B3

#BA93C2

Triadic

#BA93C2

#C2BA93

#93C2BA

Split Complementary

#BA93C2

#B3C293

#93C2A3

Tetradic

#BA93C2

#C2A393

#9BC293

#93B3C2

Color Blindness Simulation

Original

#BA93C2

Protanopia

#A9A9B7

Deuteranopia

#ABAEB4

Tritanopia

#B8AEAC

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F0E9F1
200
#E2D1E5
300
#CDB1D3
400
#B286BB
500
#975CA3
600
#794A82
700
#613B68
800
#4B2E51
900
#38243D
950
#241726

Contrast Checker

Text on white

2,61:1

AA Fail AAA Fail

Text on black

8,04: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