#B49F77

#B49F77

Color Values

HEX

#B49F77

RGB

180, 159, 119

HSL

39.3, 28.9%, 58.6%

HSV

39.3, 33.9%, 70.6%

CMYK

0.0%, 11.7%, 33.9%, 29.4%

OKLCH

0.711 0.0599 83.3

Properties

Warm Light Nearest: navajowhite 3

Color Harmonies

Complementary

#B49F77

#778CB4

Analogous

#B48077

#AAB477

#B49F77

Triadic

#B49F77

#77B49F

#9F77B4

Split Complementary

#B49F77

#77AAB4

#8077B4

Tetradic

#B49F77

#77B480

#778CB4

#B477AA

Color Blindness Simulation

Original

#B49F77

Protanopia

#ABAB81

Deuteranopia

#ACAE83

Tritanopia

#B3888A

Achromatopsia

#A1A1A1

CSS Usage

background-color: #B49F77;
color: #B49F77;
border-color: #B49F77;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F8F5
100
#F2EFE9
200
#E6DED1
300
#D3C7B0
400
#BCA985
500
#A48B5B
600
#836F49
700
#69593A
800
#52452D
900
#3D3424
950
#272117

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

8.17:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026