#BC06C6

#BC06C6

Color Values

HEX

#BC06C6

RGB

188, 6, 198

HSL

296,9, 94,1%, 40,0%

HSV

296,9, 97,0%, 77,6%

CMYK

5,1%, 97,0%, 0,0%, 22,4%

OKLCH

0,5656 0,2614 325,6

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BC06C6

#10C606

Analogous

#5C06C6

#C60670

#BC06C6

Triadic

#BC06C6

#C6BC06

#06C6BC

Split Complementary

#BC06C6

#70C606

#06C65C

Tetradic

#BC06C6

#C65C06

#10C606

#0670C6

Color Blindness Simulation

Original

#BC06C6

Protanopia

#6D6C98

Deuteranopia

#78858C

Tritanopia

#B3736B

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#F9BAFD
300
#F588FB
400
#F048F9
500
#EB08F7
600
#BC06C6
700
#96059E
800
#76047C
900
#550759
950
#360539

Contrast Checker

Text on white

5,28:1

AA Pass AAA Fail

Text on black

3,98:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026