#BC07C5

#BC07C5

Color Values

HEX

#BC07C5

RGB

188, 7, 197

HSL

297.2, 93.1%, 40.0%

HSV

297.2, 96.4%, 77.3%

CMYK

4.6%, 96.4%, 0.0%, 22.7%

OKLCH

0.5652 0.2604 325.8

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BC07C5

#10C507

Analogous

#5D07C5

#C5076F

#BC07C5

Triadic

#BC07C5

#C5BC07

#07C5BC

Split Complementary

#BC07C5

#6FC507

#07C55D

Tetradic

#BC07C5

#C55D07

#10C507

#076FC5

Color Blindness Simulation

Original

#BC07C5

Protanopia

#6E6C97

Deuteranopia

#78868C

Tritanopia

#B3736B

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#F9BAFD
300
#F589FB
400
#F049F8
500
#EB09F6
600
#BC07C5
700
#96069E
800
#76047B
900
#550859
950
#360538

Contrast Checker

Text on white

5.28:1

AA Pass AAA Fail

Text on black

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