#B55050

#B55050

Color Values

HEX

#B55050

RGB

181, 80, 80

HSL

0.0, 40.6%, 51.2%

HSV

0.0, 55.8%, 71.0%

CMYK

0.0%, 55.8%, 55.8%, 29.0%

OKLCH

0.5602 0.1319 22.3

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#B55050

#50B5B5

Analogous

#B55083

#B58350

#B55050

Triadic

#B55050

#50B550

#5050B5

Split Complementary

#B55050

#50B583

#5083B5

Tetradic

#B55050

#83B550

#50B5B5

#8350B5

Color Blindness Simulation

Original

#B55050

Protanopia

#898850

Deuteranopia

#8F9750

Tritanopia

#B05050

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E7
200
#EACDCD
300
#DBA9A9
400
#C77A7A
500
#B34C4C
600
#8F3D3D
700
#733030
800
#5A2626
900
#421F1F
950
#2A1313

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

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