#B49681

#B49681

Color Values

HEX

#B49681

RGB

180, 150, 129

HSL

24.7, 25.4%, 60.6%

HSV

24.7, 28.3%, 70.6%

CMYK

0.0%, 16.7%, 28.3%, 29.4%

OKLCH

0.6948 0.0468 56.8

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#B49681

#819FB4

Analogous

#B48186

#B4B081

#B49681

Triadic

#B49681

#81B496

#9681B4

Split Complementary

#B49681

#81B4B0

#8186B4

Tetradic

#B49681

#86B481

#819FB4

#B081B4

Color Blindness Simulation

Original

#B49681

Protanopia

#A7A786

Deuteranopia

#A9AB87

Tritanopia

#B28A8B

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECE9
200
#E4DAD2
300
#D1BFB2
400
#B99C89
500
#A07A5F
600
#80614C
700
#664E3D
800
#503D30
900
#3C2E25
950
#261D18

Contrast Checker

Text on white

2.76:1

AA Fail AAA Fail

Text on black

7.62:1

AA Pass AAA Pass

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