#BF10BA

#BF10BA

Color Values

HEX

#BF10BA

RGB

191, 16, 186

HSL

301.7, 84.5%, 40.6%

HSV

301.7, 91.6%, 74.9%

CMYK

0.0%, 91.6%, 2.6%, 25.1%

OKLCH

0.5651 0.2513 329.7

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BF10BA

#10BF15

Analogous

#6C10BF

#BF1063

#BF10BA

Triadic

#BF10BA

#BABF10

#10BABF

Split Complementary

#BF10BA

#63BF10

#10BF6C

Tetradic

#BF10BA

#BF6C10

#10BF15

#1063BF

Color Blindness Simulation

Original

#BF10BA

Protanopia

#737291

Deuteranopia

#7D8A87

Tritanopia

#B67069

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0F9
200
#F9BDF8
300
#F68EF3
400
#F051EC
500
#EB14E5
600
#BC10B7
700
#970D93
800
#760A73
900
#550C53
950
#360735

Contrast Checker

Text on white

5.25:1

AA Pass AAA Fail

Text on black

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