#BB7577

#BB7577

Color Values

HEX

#BB7577

RGB

187, 117, 119

HSL

358.3, 34.0%, 59.6%

HSV

358.3, 37.4%, 73.3%

CMYK

0.0%, 37.4%, 36.4%, 26.7%

OKLCH

0.6374 0.0884 18.0

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#BB7577

#75BBB9

Analogous

#BB759A

#BB9675

#BB7577

Triadic

#BB7577

#77BB75

#7577BB

Split Complementary

#BB7577

#75BB96

#759ABB

Tetradic

#BB7577

#9ABB75

#75BBB9

#9675BB

Color Blindness Simulation

Original

#BB7577

Protanopia

#9D9C77

Deuteranopia

#A1A676

Tritanopia

#B87676

Achromatopsia

#848484

CSS Usage

background-color: #BB7577;
color: #BB7577;
border-color: #BB7577;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF5F5
100
#F2E8E8
200
#E7CFD0
300
#D7ADAE
400
#C18182
500
#AB5457
600
#894345
700
#6D3637
800
#552A2B
900
#3F2222
950
#281516

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

5.92:1

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