#BA94DA

#BA94DA

Color Values

HEX

#BA94DA

RGB

186, 148, 218

HSL

272.6, 48.6%, 71.8%

HSV

272.6, 32.1%, 85.5%

CMYK

14.7%, 32.1%, 0.0%, 14.5%

OKLCH

0.7266 0.1069 308.7

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BA94DA

#B4DA94

Analogous

#9794DA

#DA94D7

#BA94DA

Triadic

#BA94DA

#DABA94

#94DABA

Split Complementary

#BA94DA

#D7DA94

#94DA97

Tetradic

#BA94DA

#DA9794

#B4DA94

#94D7DA

Color Blindness Simulation

Original

#BA94DA

Protanopia

#AAA9C9

Deuteranopia

#ACAFC5

Tritanopia

#B8BCB9

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE6F5
200
#DDCAED
300
#C4A4E0
400
#A573CF
500
#8542BD
600
#6A3498
700
#552A79
800
#42215F
900
#321B46
950
#20112C

Contrast Checker

Text on white

2.52:1

AA Fail AAA Fail

Text on black

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