#BF4685

#BF4685

Color Values

HEX

#BF4685

RGB

191, 70, 133

HSL

328.8, 48.6%, 51.2%

HSV

328.8, 63.4%, 74.9%

CMYK

0.0%, 63.4%, 30.4%, 25.1%

OKLCH

0.5777 0.1678 351.4

Properties

Warm Dark Nearest: Mulberry

Color Harmonies

Complementary

#BF4685

#46BF80

Analogous

#BD46BF

#BF4649

#BF4685

Triadic

#BF4685

#85BF46

#4685BF

Split Complementary

#BF4685

#49BF46

#46BFBD

Tetradic

#BF4685

#BFBD46

#46BF80

#4649BF

Color Blindness Simulation

Original

#BF4685

Protanopia

#8B8A76

Deuteranopia

#929B72

Tritanopia

#B96A67

Achromatopsia

#646464

CSS Usage

background-color: #BF4685;
color: #BF4685;
border-color: #BF4685;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FBF4F7
100
#F5E6ED
200
#EDCADC
300
#E0A4C3
400
#CF73A2
500
#BD4282
600
#983468
700
#792A53
800
#5F2141
900
#461B31
950
#2C111F

Contrast Checker

Text on white

4.74:1

AA Pass AAA Fail

Text on black

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