#BF5580

#BF5580

Color Values

HEX

#BF5580

RGB

191, 85, 128

HSL

335.7, 45.3%, 54.1%

HSV

335.7, 55.5%, 74.9%

CMYK

0.0%, 55.5%, 33.0%, 25.1%

OKLCH

0.5949 0.1433 356.9

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#BF5580

#55BF94

Analogous

#BF55B5

#BF5F55

#BF5580

Triadic

#BF5580

#80BF55

#5580BF

Split Complementary

#BF5580

#55BF5F

#55B5BF

Tetradic

#BF5580

#B5BF55

#55BF94

#5F55BF

Color Blindness Simulation

Original

#BF5580

Protanopia

#919076

Deuteranopia

#979F73

Tritanopia

#BA6D6C

Achromatopsia

#6F6F6F

CSS Usage

background-color: #BF5580;
color: #BF5580;
border-color: #BF5580;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#EBCBD8
300
#DEA6BD
400
#CB7699
500
#B94675
600
#94385D
700
#772D4B
800
#5D233A
900
#441D2D
950
#2B121C

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

4.83:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026