#BC07C0

#BC07C0

Color Values

HEX

#BC07C0

RGB

188, 7, 192

HSL

298.7, 93.0%, 39.0%

HSV

298.7, 96.4%, 75.3%

CMYK

2.1%, 96.4%, 0.0%, 24.7%

OKLCH

0.562 0.2571 327.2

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BC07C0

#0BC007

Analogous

#5F07C0

#C00767

#BC07C0

Triadic

#BC07C0

#C0BC07

#07C0BC

Split Complementary

#BC07C0

#67C007

#07C05F

Tetradic

#BC07C0

#C05F07

#0BC007

#0767C0

Color Blindness Simulation

Original

#BC07C0

Protanopia

#6E6C93

Deuteranopia

#788688

Tritanopia

#B37068

Achromatopsia

#3B3B3B

CSS Usage

background-color: #BC07C0;
color: #BC07C0;
border-color: #BC07C0;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FBBAFD
300
#F889FB
400
#F549F8
500
#F109F6
600
#C107C5
700
#9A069D
800
#78047B
900
#570859
950
#370538

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

3.93:1

AA Fail 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