#B57C35

#B57C35

Color Values

HEX

#B57C35

RGB

181, 124, 53

HSL

33.3, 54.7%, 45.9%

HSV

33.3, 70.7%, 71.0%

CMYK

0.0%, 31.5%, 70.7%, 29.0%

OKLCH

0.6314 0.1116 69.0

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#B57C35

#356EB5

Analogous

#B53C35

#AEB535

#B57C35

Triadic

#B57C35

#35B57C

#7C35B5

Split Complementary

#B57C35

#35AEB5

#3C35B5

Tetradic

#B57C35

#35B53C

#356EB5

#B535AE

Color Blindness Simulation

Original

#B57C35

Protanopia

#9C9C46

Deuteranopia

#A0A44A

Tritanopia

#B25457

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EEE5
200
#EFDDC8
300
#E3C5A0
400
#D4A66D
500
#C5873A
600
#9E6C2E
700
#7E5725
800
#63441D
900
#483319
950
#2E2010

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

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