#BF588F

#BF588F

Color Values

HEX

#BF588F

RGB

191, 88, 143

HSL

328.0, 44.6%, 54.7%

HSV

328.0, 53.9%, 74.9%

CMYK

0.0%, 53.9%, 25.1%, 25.1%

OKLCH

0.6043 0.146 349.1

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#BF588F

#58BF88

Analogous

#BC58BF

#BF585B

#BF588F

Triadic

#BF588F

#8FBF58

#588FBF

Split Complementary

#BF588F

#5BBF58

#58BFBC

Tetradic

#BF588F

#BFBC58

#58BF88

#585BBF

Color Blindness Simulation

Original

#BF588F

Protanopia

#929282

Deuteranopia

#98A07E

Tritanopia

#BA7775

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#EBCBDC
300
#DDA7C4
400
#CB77A3
500
#B84783
600
#933969
700
#762D54
800
#5C2342
900
#441D32
950
#2B121F

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

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