#BA64C1

#BA64C1

Color Values

HEX

#BA64C1

RGB

186, 100, 193

HSL

295.5, 42.9%, 57.5%

HSV

295.5, 48.2%, 75.7%

CMYK

3.6%, 48.2%, 0.0%, 24.3%

OKLCH

0.6362 0.1619 324.4

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#BA64C1

#6BC164

Analogous

#8C64C1

#C1649A

#BA64C1

Triadic

#BA64C1

#C1BA64

#64C1BA

Split Complementary

#BA64C1

#9AC164

#64C18C

Tetradic

#BA64C1

#C18C64

#6BC164

#649AC1

Color Blindness Simulation

Original

#BA64C1

Protanopia

#9594AB

Deuteranopia

#9AA0A5

Tritanopia

#B69995

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E7F4
200
#E8CCEB
300
#D8A8DC
400
#C378C9
500
#AE49B6
600
#8B3A92
700
#6F2F75
800
#57245B
900
#401E43
950
#29132A

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

5.68:1

AA Pass AAA Fail

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