#BF4F89

#BF4F89

Color Values

HEX

#BF4F89

RGB

191, 79, 137

HSL

328.9, 46.7%, 52.9%

HSV

328.9, 58.6%, 74.9%

CMYK

0.0%, 58.6%, 28.3%, 25.1%

OKLCH

0.5901 0.1567 350.8

Properties

Warm Light Nearest: Mulberry

Color Harmonies

Complementary

#BF4F89

#4FBF85

Analogous

#BD4FBF

#BF4F51

#BF4F89

Triadic

#BF4F89

#89BF4F

#4F89BF

Split Complementary

#BF4F89

#51BF4F

#4FBFBD

Tetradic

#BF4F89

#BFBD4F

#4FBF85

#4F51BF

Color Blindness Simulation

Original

#BF4F89

Protanopia

#8E8E7B

Deuteranopia

#959D78

Tritanopia

#B9706D

Achromatopsia

#6B6B6B

CSS Usage

background-color: #BF4F89;
color: #BF4F89;
border-color: #BF4F89;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF4F7
100
#F4E6ED
200
#ECCBDC
300
#DEA5C3
400
#CD75A2
500
#BB4482
600
#963668
700
#782B53
800
#5E2241
900
#451C31
950
#2B121F

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

4.69:1

AA Pass 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