#BC09BE

#BC09BE

Color Values

HEX

#BC09BE

RGB

188, 9, 190

HSL

299.3, 91.0%, 39.0%

HSV

299.3, 95.3%, 74.5%

CMYK

1.1%, 95.3%, 0.0%, 25.5%

OKLCH

0.5612 0.2552 327.8

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BC09BE

#0BBE09

Analogous

#6109BE

#BE0966

#BC09BE

Triadic

#BC09BE

#BEBC09

#09BEBC

Split Complementary

#BC09BE

#66BE09

#09BE61

Tetradic

#BC09BE

#BE6109

#0BBE09

#0966BE

Color Blindness Simulation

Original

#BC09BE

Protanopia

#6E6D92

Deuteranopia

#798688

Tritanopia

#B37068

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FBBBFC
300
#F88AF9
400
#F54BF7
500
#F10BF4
600
#C109C3
700
#9A079C
800
#78067A
900
#570958
950
#370638

Contrast Checker

Text on white

5.36:1

AA Pass AAA Fail

Text on black

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