#B49676

#B49676

Color Values

HEX

#B49676

RGB

180, 150, 118

HSL

31.0, 29.2%, 58.4%

HSV

31.0, 34.4%, 70.6%

CMYK

0.0%, 16.7%, 34.4%, 29.4%

OKLCH

0.6923 0.0571 68.5

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#B49676

#7694B4

Analogous

#B47776

#B3B476

#B49676

Triadic

#B49676

#76B496

#9676B4

Split Complementary

#B49676

#76B3B4

#7776B4

Tetradic

#B49676

#76B477

#7694B4

#B476B3

Color Blindness Simulation

Original

#B49676

Protanopia

#A7A77E

Deuteranopia

#A9AB80

Tritanopia

#B28485

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2EDE9
200
#E6DCD1
300
#D4C2B0
400
#BCA285
500
#A5815A
600
#846748
700
#69523A
800
#52402D
900
#3D3124
950
#271F17

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

7.56:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026