#BF504B

#BF504B

Color Values

HEX

#BF504B

RGB

191, 80, 75

HSL

2.6, 47.5%, 52.2%

HSV

2.6, 60.7%, 74.9%

CMYK

0.0%, 58.1%, 60.7%, 25.1%

OKLCH

0.5744 0.1442 25.2

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#BF504B

#4BBABF

Analogous

#BF4B80

#BF8A4B

#BF504B

Triadic

#BF504B

#4BBF50

#504BBF

Split Complementary

#BF504B

#4BBF8A

#4B80BF

Tetradic

#BF504B

#80BF4B

#4BBABF

#8A4BBF

Color Blindness Simulation

Original

#BF504B

Protanopia

#8F8E4C

Deuteranopia

#959E4C

Tritanopia

#B94D4D

Achromatopsia

#676767

CSS Usage

background-color: #BF504B;
color: #BF504B;
border-color: #BF504B;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#ECCCCA
300
#DFA7A5
400
#CD7874
500
#BC4843
600
#963A36
700
#782E2B
800
#5E2421
900
#451E1C
950
#2C1312

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

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