#B18A56

#B18A56

Color Values

HEX

#B18A56

RGB

177, 138, 86

HSL

34.3, 36.8%, 51.6%

HSV

34.3, 51.4%, 69.4%

CMYK

0.0%, 22.0%, 51.4%, 30.6%

OKLCH

0.6589 0.0838 73.5

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#B18A56

#567DB1

Analogous

#B15D56

#AAB156

#B18A56

Triadic

#B18A56

#56B18A

#8A56B1

Split Complementary

#B18A56

#56AAB1

#5D56B1

Tetradic

#B18A56

#56B15D

#567DB1

#B156AA

Color Blindness Simulation

Original

#B18A56

Protanopia

#A0A063

Deuteranopia

#A2A566

Tritanopia

#AF6D6F

Achromatopsia

#8F8F8F

CSS Usage

background-color: #B18A56;
color: #B18A56;
border-color: #B18A56;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FAF8F5
100
#F3EEE8
200
#E8DDCE
300
#D8C5AB
400
#C3A67E
500
#AE8651
600
#8C6B40
700
#705634
800
#574328
900
#403320
950
#292014

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

6.64:1

AA Pass AAA Fail

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