#B7A985

#B7A985

Color Values

HEX

#B7A985

RGB

183, 169, 133

HSL

43.2, 25.8%, 62.0%

HSV

43.2, 27.3%, 71.8%

CMYK

0.0%, 7.7%, 27.3%, 28.2%

OKLCH

0.7375 0.0519 89.3

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#B7A985

#8593B7

Analogous

#B79085

#ACB785

#B7A985

Triadic

#B7A985

#85B7A9

#A985B7

Split Complementary

#B7A985

#85ACB7

#9085B7

Tetradic

#B7A985

#85B790

#8593B7

#B785AC

Color Blindness Simulation

Original

#B7A985

Protanopia

#B1B18E

Deuteranopia

#B2B390

Tritanopia

#B69596

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EFE9
200
#E5DFD2
300
#D2C9B2
400
#B9AB88
500
#A08E5F
600
#80724C
700
#675B3D
800
#50472F
900
#3C3525
950
#262217

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

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