#B18B72

#B18B72

Color Values

HEX

#B18B72

RGB

177, 139, 114

HSL

23.8, 28.8%, 57.1%

HSV

23.8, 35.6%, 69.4%

CMYK

0.0%, 21.5%, 35.6%, 30.6%

OKLCH

0.6662 0.0585 54.8

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#B18B72

#7298B1

Analogous

#B17279

#B1AB72

#B18B72

Triadic

#B18B72

#72B18B

#8B72B1

Split Complementary

#B18B72

#72B1AB

#7279B1

Tetradic

#B18B72

#79B172

#7298B1

#AB72B1

Color Blindness Simulation

Original

#B18B72

Protanopia

#A1A078

Deuteranopia

#A3A67A

Tritanopia

#AF7D7E

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2ECE9
200
#E6D9D1
300
#D3BEB0
400
#BC9B85
500
#A4785B
600
#836049
700
#694D3A
800
#523C2D
900
#3D2E24
950
#271D17

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

6.81:1

AA Pass AAA Fail

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