#BC73F1

#BC73F1

Color Values

HEX

#BC73F1

RGB

188, 115, 241

HSL

274.8, 81.8%, 69.8%

HSV

274.8, 52.3%, 94.5%

CMYK

22.0%, 52.3%, 0.0%, 5.5%

OKLCH

0.6856 0.1893 309.0

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#BC73F1

#A8F173

Analogous

#7D73F1

#F173E7

#BC73F1

Triadic

#BC73F1

#F1BC73

#73F1BC

Split Complementary

#BC73F1

#E7F173

#73F17D

Tetradic

#BC73F1

#F17D73

#A8F173

#73E7F1

Color Blindness Simulation

Original

#BC73F1

Protanopia

#9C9CD3

Deuteranopia

#A1A6CB

Tritanopia

#B8BAB5

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EFE1FA
200
#E0BEF9
300
#CA90F4
400
#AD53EE
500
#9017E8
600
#7313B9
700
#5C0F94
800
#480C74
900
#360D54
950
#220835

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

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