#BA93DA

#BA93DA

Color Values

HEX

#BA93DA

RGB

186, 147, 218

HSL

273.0, 49.0%, 71.6%

HSV

273.0, 32.6%, 85.5%

CMYK

14.7%, 32.6%, 0.0%, 14.5%

OKLCH

0.7248 0.1087 309.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BA93DA

#B3DA93

Analogous

#9793DA

#DA93D7

#BA93DA

Triadic

#BA93DA

#DABA93

#93DABA

Split Complementary

#BA93DA

#D7DA93

#93DA97

Tetradic

#BA93DA

#DA9793

#B3DA93

#93D7DA

Color Blindness Simulation

Original

#BA93DA

Protanopia

#A9A9C9

Deuteranopia

#ABAEC5

Tritanopia

#B8BBB8

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE6F5
200
#DDCAED
300
#C5A4E0
400
#A572CF
500
#8641BE
600
#6B3498
700
#562A7A
800
#43215F
900
#331B46
950
#20112C

Contrast Checker

Text on white

2.54:1

AA Fail AAA Fail

Text on black

8.27:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026