#BF0FBA

#BF0FBA

Color Values

HEX

#BF0FBA

RGB

191, 15, 186

HSL

301.7, 85.4%, 40.4%

HSV

301.7, 92.1%, 74.9%

CMYK

0.0%, 92.1%, 2.6%, 25.1%

OKLCH

0.5649 0.2517 329.7

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BF0FBA

#0FBF14

Analogous

#6C0FBF

#BF0F62

#BF0FBA

Triadic

#BF0FBA

#BABF0F

#0FBABF

Split Complementary

#BF0FBA

#62BF0F

#0FBF6C

Tetradic

#BF0FBA

#BF6C0F

#0FBF14

#0F62BF

Color Blindness Simulation

Original

#BF0FBA

Protanopia

#737191

Deuteranopia

#7D8A87

Tritanopia

#B67069

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0F9
200
#FABDF8
300
#F68EF3
400
#F150ED
500
#EC13E6
600
#BD0FB8
700
#970C93
800
#760973
900
#560B54
950
#360735

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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