#B28742

#B28742

Color Values

HEX

#B28742

RGB

178, 135, 66

HSL

37.0, 45.9%, 47.8%

HSV

37.0, 62.9%, 69.8%

CMYK

0.0%, 24.2%, 62.9%, 30.2%

OKLCH

0.6511 0.1013 77.1

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#B28742

#426DB2

Analogous

#B24F42

#A5B242

#B28742

Triadic

#B28742

#42B287

#8742B2

Split Complementary

#B28742

#42A5B2

#4F42B2

Tetradic

#B28742

#42B24F

#426DB2

#B242A5

Color Blindness Simulation

Original

#B28742

Protanopia

#9F9F53

Deuteranopia

#A2A557

Tritanopia

#B06063

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#ECDFCB
300
#DEC8A6
400
#CCAB75
500
#BA8D45
600
#957137
700
#775A2C
800
#5D4722
900
#44351C
950
#2B2212

Contrast Checker

Text on white

3.26:1

AA Fail AAA Fail

Text on black

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