#BA55FC

#BA55FC

Color Values

HEX

#BA55FC

RGB

186, 85, 252

HSL

276.3, 96.5%, 66.1%

HSV

276.3, 66.3%, 98.8%

CMYK

26.2%, 66.3%, 0.0%, 1.2%

OKLCH

0.6507 0.2421 308.9

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#BA55FC

#97FC55

Analogous

#6755FC

#FC55EA

#BA55FC

Triadic

#BA55FC

#FCBA55

#55FCBA

Split Complementary

#BA55FC

#EAFC55

#55FC67

Tetradic

#BA55FC

#FC6755

#97FC55

#55EAFC

Color Blindness Simulation

Original

#BA55FC

Protanopia

#8E8DD4

Deuteranopia

#949CCA

Tritanopia

#B5B4AD

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F9F1FE
100
#F0DFFC
200
#E3B9FE
300
#CE87FD
400
#B446FC
500
#9904FB
600
#7B04C8
700
#6203A0
800
#4D027D
900
#39065B
950
#240439

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

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