#B54F57

#B54F57

Color Values

HEX

#B54F57

RGB

181, 79, 87

HSL

355.3, 40.8%, 51.0%

HSV

355.3, 56.4%, 71.0%

CMYK

0.0%, 56.4%, 51.9%, 29.0%

OKLCH

0.5603 0.1327 17.6

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#B54F57

#4FB5AD

Analogous

#B54F8A

#B57A4F

#B54F57

Triadic

#B54F57

#57B54F

#4F57B5

Split Complementary

#B54F57

#4FB57A

#4F8AB5

Tetradic

#B54F57

#8AB54F

#4FB5AD

#7A4FB5

Color Blindness Simulation

Original

#B54F57

Protanopia

#898855

Deuteranopia

#8F9655

Tritanopia

#B05453

Achromatopsia

#656565

CSS Usage

background-color: #B54F57;
color: #B54F57;
border-color: #B54F57;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#EACDCF
300
#DBA9AD
400
#C77A80
500
#B44B54
600
#903C43
700
#733036
800
#5A262A
900
#421F21
950
#2A1315

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

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