#BF0DB7

#BF0DB7

Color Values

HEX

#BF0DB7

RGB

191, 13, 183

HSL

302.7, 87.3%, 40.0%

HSV

302.7, 93.2%, 74.9%

CMYK

0.0%, 93.2%, 4.2%, 25.1%

OKLCH

0.5626 0.2504 330.6

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BF0DB7

#0DBF15

Analogous

#6E0DBF

#BF0D5E

#BF0DB7

Triadic

#BF0DB7

#B7BF0D

#0DB7BF

Split Complementary

#BF0DB7

#5EBF0D

#0DBF6E

Tetradic

#BF0DB7

#BF6E0D

#0DBF15

#0D5EBF

Color Blindness Simulation

Original

#BF0DB7

Protanopia

#72708E

Deuteranopia

#7C8A84

Tritanopia

#B66D66

Achromatopsia

#3F3F3F

CSS Usage

background-color: #BF0DB7;
color: #BF0DB7;
border-color: #BF0DB7;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FDF2FD
100
#FAE0F9
200
#FABCF8
300
#F78CF2
400
#F34EEC
500
#EF10E5
600
#BF0DB7
700
#990A92
800
#770872
900
#570A53
950
#370734

Contrast Checker

Text on white

5.31:1

AA Pass AAA Fail

Text on black

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