#BC63C0

#BC63C0

Color Values

HEX

#BC63C0

RGB

188, 99, 192

HSL

297.4, 42.5%, 57.1%

HSV

297.4, 48.4%, 75.3%

CMYK

2.1%, 48.4%, 0.0%, 24.7%

OKLCH

0.6367 0.1638 325.7

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#BC63C0

#67C063

Analogous

#8E63C0

#C06396

#BC63C0

Triadic

#BC63C0

#C0BC63

#63C0BC

Split Complementary

#BC63C0

#96C063

#63C08E

Tetradic

#BC63C0

#C08E63

#67C063

#6396C0

Color Blindness Simulation

Original

#BC63C0

Protanopia

#9595AA

Deuteranopia

#9BA1A4

Tritanopia

#B89894

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E7F4
200
#E9CCEA
300
#DAA8DC
400
#C579C9
500
#B149B6
600
#8E3B91
700
#712F74
800
#58255B
900
#411E43
950
#29132A

Contrast Checker

Text on white

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