#B45758

#B45758

Color Values

HEX

#B45758

RGB

180, 87, 88

HSL

359.4, 38.3%, 52.4%

HSV

359.4, 51.7%, 70.6%

CMYK

0.0%, 51.7%, 51.1%, 29.4%

OKLCH

0.5709 0.1212 21.0

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#B45758

#57B4B3

Analogous

#B45787

#B48557

#B45758

Triadic

#B45758

#58B457

#5758B4

Split Complementary

#B45758

#57B485

#5787B4

Tetradic

#B45758

#87B457

#57B4B3

#8557B4

Color Blindness Simulation

Original

#B45758

Protanopia

#8C8B58

Deuteranopia

#919858

Tritanopia

#AF5858

Achromatopsia

#6B6B6B

CSS Usage

background-color: #B45758;
color: #B45758;
border-color: #B45758;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FAF5F5
100
#F3E7E7
200
#E9CECE
300
#D9AAAB
400
#C57D7D
500
#B04F50
600
#8D3F40
700
#713233
800
#582728
900
#412020
950
#291414

Contrast Checker

Text on white

4.72:1

AA Pass AAA Fail

Text on black

4.44:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026