#BC73EB

#BC73EB

Color Values

HEX

#BC73EB

RGB

188, 115, 235

HSL

276.5, 75.0%, 68.6%

HSV

276.5, 51.1%, 92.2%

CMYK

20.0%, 51.1%, 0.0%, 7.8%

OKLCH

0.6823 0.1826 310.5

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#BC73EB

#A2EB73

Analogous

#8073EB

#EB73DE

#BC73EB

Triadic

#BC73EB

#EBBC73

#73EBBC

Split Complementary

#BC73EB

#DEEB73

#73EB80

Tetradic

#BC73EB

#EB8073

#A2EB73

#73DEEB

Color Blindness Simulation

Original

#BC73EB

Protanopia

#9C9CCE

Deuteranopia

#A1A6C7

Tritanopia

#B8B7B2

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#F0E2F9
200
#E1C1F6
300
#CC94F0
400
#B05AE7
500
#9420DF
600
#7719B3
700
#5F148F
800
#4A1070
900
#381051
950
#230A33

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

6.79:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026