#B57340

#B57340

Color Values

HEX

#B57340

RGB

181, 115, 64

HSL

26.2, 47.8%, 48.0%

HSV

26.2, 64.6%, 71.0%

CMYK

0.0%, 36.5%, 64.6%, 29.0%

OKLCH

0.6157 0.1067 56.7

Properties

Warm Light Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#B57340

#4082B5

Analogous

#B54047

#B5AD40

#B57340

Triadic

#B57340

#40B573

#7340B5

Split Complementary

#B57340

#40B5AD

#4047B5

Tetradic

#B57340

#47B540

#4082B5

#AD40B5

Color Blindness Simulation

Original

#B57340

Protanopia

#98984C

Deuteranopia

#9CA14F

Tritanopia

#B25658

Achromatopsia

#7D7D7D

CSS Usage

background-color: #B57340;
color: #B57340;
border-color: #B57340;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FAF7F4
100
#F4ECE6
200
#ECD9CA
300
#DFBEA5
400
#CE9B74
500
#BC7843
600
#976035
700
#794D2B
800
#5E3C21
900
#452E1C
950
#2C1D11

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

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