#B15550

#B15550

Color Values

HEX

#B15550

RGB

177, 85, 80

HSL

3.1, 38.3%, 50.4%

HSV

3.1, 54.8%, 69.4%

CMYK

0.0%, 52.0%, 54.8%, 30.6%

OKLCH

0.5618 0.121 24.9

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#B15550

#50ACB1

Analogous

#B1507C

#B18650

#B15550

Triadic

#B15550

#50B155

#5550B1

Split Complementary

#B15550

#50B186

#507CB1

Tetradic

#B15550

#7CB150

#50ACB1

#8650B1

Color Blindness Simulation

Original

#B15550

Protanopia

#898851

Deuteranopia

#8E9552

Tritanopia

#AC5252

Achromatopsia

#686868

CSS Usage

background-color: #B15550;
color: #B15550;
border-color: #B15550;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FAF5F5
100
#F3E8E7
200
#E9CFCE
300
#D9ADAA
400
#C5807D
500
#B0544F
600
#8D433F
700
#713632
800
#582A27
900
#412120
950
#291514

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

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