#B77C72

#B77C72

Color Values

HEX

#B77C72

RGB

183, 124, 114

HSL

8.7, 32.4%, 58.2%

HSV

8.7, 37.7%, 71.8%

CMYK

0.0%, 32.2%, 37.7%, 28.2%

OKLCH

0.644 0.0758 29.9

Properties

Warm Light Nearest: RAL 3012 Beige Red

Color Harmonies

Complementary

#B77C72

#72ADB7

Analogous

#B7728A

#B79E72

#B77C72

Triadic

#B77C72

#72B77C

#7C72B7

Split Complementary

#B77C72

#72B79E

#728AB7

Tetradic

#B77C72

#8AB772

#72ADB7

#9E72B7

Color Blindness Simulation

Original

#B77C72

Protanopia

#9D9D74

Deuteranopia

#A1A575

Tritanopia

#B47677

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F9F6F5
100
#F2EAE8
200
#E7D3D0
300
#D6B4AE
400
#BF8B82
500
#A96256
600
#874F45
700
#6C3F37
800
#54312B
900
#3F2622
950
#281816

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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