#BC50C0

#BC50C0

Color Values

HEX

#BC50C0

RGB

188, 80, 192

HSL

297.9, 47.1%, 53.3%

HSV

297.9, 58.3%, 75.3%

CMYK

2.1%, 58.3%, 0.0%, 24.7%

OKLCH

0.6117 0.1933 326.2

Properties

Cool Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#BC50C0

#54C050

Analogous

#8450C0

#C0508C

#BC50C0

Triadic

#BC50C0

#C0BC50

#50C0BC

Split Complementary

#BC50C0

#8CC050

#50C084

Tetradic

#BC50C0

#C08450

#54C050

#508CC0

Color Blindness Simulation

Original

#BC50C0

Protanopia

#8D8CA5

Deuteranopia

#949C9E

Tritanopia

#B78F8B

Achromatopsia

#6F6F6F

CSS Usage

background-color: #BC50C0;
color: #BC50C0;
border-color: #BC50C0;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#EBCAEC
300
#DDA5DF
400
#CA74CD
500
#B743BC
600
#933696
700
#752B78
800
#5C225E
900
#441C45
950
#2B122C

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

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