#BC63DF

#BC63DF

Color Values

HEX

#BC63DF

RGB

188, 99, 223

HSL

283.1, 66.0%, 63.1%

HSV

283.1, 55.6%, 87.5%

CMYK

15.7%, 55.6%, 0.0%, 12.5%

OKLCH

0.6529 0.1945 315.5

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#BC63DF

#86DF63

Analogous

#7E63DF

#DF63C4

#BC63DF

Triadic

#BC63DF

#DFBC63

#63DFBC

Split Complementary

#BC63DF

#C4DF63

#63DF7E

Tetradic

#BC63DF

#DF7E63

#86DF63

#63C4DF

Color Blindness Simulation

Original

#BC63DF

Protanopia

#9595C1

Deuteranopia

#9BA1BA

Tritanopia

#B8A9A4

Achromatopsia

#7F7F7F

CSS Usage

background-color: #BC63DF;
color: #BC63DF;
border-color: #BC63DF;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#F9F3FC
100
#F2E3F7
200
#E6C4F3
300
#D399EA
400
#BC62DF
500
#A42BD4
600
#8323A9
700
#691C87
800
#52166A
900
#3D144D
950
#270C31

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

5.99:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026