#BF4073

#BF4073

Color Values

HEX

#BF4073

RGB

191, 64, 115

HSL

335.9, 49.8%, 50.0%

HSV

335.9, 66.5%, 74.9%

CMYK

0.0%, 66.5%, 39.8%, 25.1%

OKLCH

0.5647 0.1682 359.3

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BF4073

#40BF8C

Analogous

#BF40B3

#BF4C40

#BF4073

Triadic

#BF4073

#73BF40

#4073BF

Split Complementary

#BF4073

#40BF4C

#40B3BF

Tetradic

#BF4073

#B3BF40

#40BF8C

#4C40BF

Color Blindness Simulation

Original

#BF4073

Protanopia

#888767

Deuteranopia

#8F9964

Tritanopia

#B95D5B

Achromatopsia

#5F5F5F

CSS Usage

background-color: #BF4073;
color: #BF4073;
border-color: #BF4073;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FBF4F7
100
#F5E6EC
200
#EDCAD8
300
#E0A3BC
400
#D07297
500
#BF4073
600
#99335C
700
#7A294A
800
#5F203A
900
#461B2C
950
#2C111C

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

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