#B15056

#B15056

Color Values

HEX

#B15056

RGB

177, 80, 86

HSL

356.3, 38.3%, 50.4%

HSV

356.3, 54.8%, 69.4%

CMYK

0.0%, 54.8%, 51.4%, 30.6%

OKLCH

0.5556 0.1267 18.4

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#B15056

#50B1AB

Analogous

#B15086

#B17B50

#B15056

Triadic

#B15056

#56B150

#5056B1

Split Complementary

#B15056

#50B17B

#5086B1

Tetradic

#B15056

#86B150

#50B1AB

#7B50B1

Color Blindness Simulation

Original

#B15056

Protanopia

#878655

Deuteranopia

#8D9454

Tritanopia

#AC5353

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#E9CECF
300
#D9AAAD
400
#C57D81
500
#B04F55
600
#8D3F44
700
#713236
800
#58272A
900
#412022
950
#291415

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

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