#BA7DFA

#BA7DFA

Color Values

HEX

#BA7DFA

RGB

186, 125, 250

HSL

269.3, 92.6%, 73.5%

HSV

269.3, 50.0%, 98.0%

CMYK

25.6%, 50.0%, 0.0%, 2.0%

OKLCH

0.7036 0.1836 304.7

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#BA7DFA

#BDFA7D

Analogous

#7D7EFA

#F97DFA

#BA7DFA

Triadic

#BA7DFA

#FABA7D

#7DFABA

Split Complementary

#BA7DFA

#FAF97D

#7EFA7D

Tetradic

#BA7DFA

#FA7D7E

#BDFA7D

#7DFAF9

Color Blindness Simulation

Original

#BA7DFA

Protanopia

#A09FDC

Deuteranopia

#A3A8D4

Tritanopia

#B7C4BF

Achromatopsia

#939393

CSS Usage

background-color: #BA7DFA;
color: #BA7DFA;
border-color: #BA7DFA;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DBBAFC
300
#C089FA
400
#9F49F8
500
#7D09F6
600
#6408C4
700
#50069D
800
#3E057B
900
#300859
950
#1E0538

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

7.4:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026