#BF4F50

#BF4F50

Color Values

HEX

#BF4F50

RGB

191, 79, 80

HSL

359.5, 46.7%, 52.9%

HSV

359.5, 58.6%, 74.9%

CMYK

0.0%, 58.6%, 58.1%, 25.1%

OKLCH

0.574 0.1447 22.3

Properties

Warm Dark Nearest: indianred 3

Color Harmonies

Complementary

#BF4F50

#4FBFBE

Analogous

#BF4F88

#BF864F

#BF4F50

Triadic

#BF4F50

#50BF4F

#4F50BF

Split Complementary

#BF4F50

#4FBF86

#4F88BF

Tetradic

#BF4F50

#88BF4F

#4FBFBE

#864FBF

Color Blindness Simulation

Original

#BF4F50

Protanopia

#8E8E50

Deuteranopia

#959D50

Tritanopia

#B95050

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FAF4F4
100
#F4E6E6
200
#ECCBCB
300
#DEA5A6
400
#CD7575
500
#BB4445
600
#963637
700
#782B2C
800
#5E2222
900
#451C1C
950
#2B1212

Contrast Checker

Text on white

4.72:1

AA Pass AAA Fail

Text on black

4.45:1

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