#B49F81

#B49F81

Color Values

HEX

#B49F81

RGB

180, 159, 129

HSL

35.3, 25.4%, 60.6%

HSV

35.3, 28.3%, 70.6%

CMYK

0.0%, 11.7%, 28.3%, 29.4%

OKLCH

0.7131 0.0484 76.6

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#B49F81

#8196B4

Analogous

#B48681

#B0B481

#B49F81

Triadic

#B49F81

#81B49F

#9F81B4

Split Complementary

#B49F81

#81B0B4

#8681B4

Tetradic

#B49F81

#81B486

#8196B4

#B481B0

Color Blindness Simulation

Original

#B49F81

Protanopia

#ABAB88

Deuteranopia

#ACAE8A

Tritanopia

#B38E8F

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EEE9
200
#E4DDD2
300
#D1C5B2
400
#B9A589
500
#A0855F
600
#806B4C
700
#66553D
800
#504330
900
#3C3225
950
#262018

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

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