#BA83EF

#BA83EF

Color Values

HEX

#BA83EF

RGB

186, 131, 239

HSL

270.6, 77.1%, 72.5%

HSV

270.6, 45.2%, 93.7%

CMYK

22.2%, 45.2%, 0.0%, 6.3%

OKLCH

0.7073 0.1611 306.2

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#BA83EF

#B8EF83

Analogous

#8483EF

#EF83EE

#BA83EF

Triadic

#BA83EF

#EFBA83

#83EFBA

Split Complementary

#BA83EF

#EEEF83

#83EF84

Tetradic

#BA83EF

#EF8483

#B8EF83

#83EEEF

Color Blindness Simulation

Original

#BA83EF

Protanopia

#A2A2D5

Deuteranopia

#A5AACF

Tritanopia

#B7C0BC

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#EDE1F9
200
#DCC0F7
300
#C393F1
400
#A258E9
500
#811DE2
600
#6817B5
700
#531391
800
#410F71
900
#310F52
950
#1F0934

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

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