#B45F57

#B45F57

Color Values

HEX

#B45F57

RGB

180, 95, 87

HSL

5.2, 38.3%, 52.4%

HSV

5.2, 51.7%, 70.6%

CMYK

0.0%, 47.2%, 51.7%, 29.4%

OKLCH

0.5834 0.1115 26.6

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#B45F57

#57ACB4

Analogous

#B4577E

#B48E57

#B45F57

Triadic

#B45F57

#57B45F

#5F57B4

Split Complementary

#B45F57

#57B48E

#577EB4

Tetradic

#B45F57

#7EB457

#57ACB4

#8E57B4

Color Blindness Simulation

Original

#B45F57

Protanopia

#8F8E59

Deuteranopia

#949A59

Tritanopia

#B05A5B

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E7
200
#E9D0CE
300
#D9AEAA
400
#C5837D
500
#B0574F
600
#8D463F
700
#713832
800
#582C27
900
#412320
950
#291614

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

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