#B27733

#B27733

Color Values

HEX

#B27733

RGB

178, 119, 51

HSL

32.1, 55.5%, 44.9%

HSV

32.1, 71.3%, 69.8%

CMYK

0.0%, 33.1%, 71.3%, 30.2%

OKLCH

0.618 0.1111 66.7

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#B27733

#336EB2

Analogous

#B23733

#AEB233

#B27733

Triadic

#B27733

#33B277

#7733B2

Split Complementary

#B27733

#33AEB2

#3733B2

Tetradic

#B27733

#33B237

#336EB2

#B233AE

Color Blindness Simulation

Original

#B27733

Protanopia

#989843

Deuteranopia

#9CA047

Tritanopia

#AF5053

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F6EEE5
200
#EFDDC7
300
#E4C4A0
400
#D5A46C
500
#C68439
600
#9F6A2D
700
#7F5524
800
#63421C
900
#493218
950
#2E200F

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

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