#BA64EF

#BA64EF

Color Values

HEX

#BA64EF

RGB

186, 100, 239

HSL

277,1, 81,3%, 66,5%

HSV

277,1, 58,2%, 93,7%

CMYK

22,2%, 58,2%, 0,0%, 6,3%

OKLCH

0,6611 0,2088 310,5

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#BA64EF

#99EF64

Analogous

#7564EF

#EF64DF

#BA64EF

Triadic

#BA64EF

#EFBA64

#64EFBA

Split Complementary

#BA64EF

#DFEF64

#64EF75

Tetradic

#BA64EF

#EF7564

#99EF64

#64DFEF

Color Blindness Simulation

Original

#BA64EF

Protanopia

#9594CD

Deuteranopia

#9AA0C5

Tritanopia

#B6B3AD

Achromatopsia

#808080

CSS Usage

background-color: #BA64EF;
color: #BA64EF;
border-color: #BA64EF;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F9F2FD
100
#F0E1F9
200
#E2BEF8
300
#CE90F4
400
#B354ED
500
#9818E7
600
#7A13B9
700
#610F94
800
#4C0C74
900
#390D54
950
#240835

Contrast Checker

Text on white

3,41:1

AA Fail AAA Fail

Text on black

6,16:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026