#BC07F8

#BC07F8

Color Values

HEX

#BC07F8

RGB

188, 7, 248

HSL

285.1, 94.5%, 50.0%

HSV

285.1, 97.2%, 97.3%

CMYK

24.2%, 97.2%, 0.0%, 2.7%

OKLCH

0.6011 0.2961 313.5

Properties

Cool Dark Nearest: darkorchid 1

Color Harmonies

Complementary

#BC07F8

#43F807

Analogous

#4407F8

#F807BB

#BC07F8

Triadic

#BC07F8

#F8BC07

#07F8BC

Split Complementary

#BC07F8

#BBF807

#07F844

Tetradic

#BC07F8

#F84407

#43F807

#07BBF8

Color Blindness Simulation

Original

#BC07F8

Protanopia

#6E6CBE

Deuteranopia

#7886B0

Tritanopia

#B39086

Achromatopsia

#3F3F3F

CSS Usage

background-color: #BC07F8;
color: #BC07F8;
border-color: #BC07F8;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#FAF1FD
100
#F4DFFB
200
#ECBAFD
300
#DF88FC
400
#CE47FA
500
#BC07F8
600
#9706C6
700
#78049F
800
#5E047C
900
#45075A
950
#2C0539

Contrast Checker

Text on white

4.64:1

AA Pass AAA Fail

Text on black

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