#B08347

#B08347

Color Values

HEX

#B08347

RGB

176, 131, 71

HSL

34.3, 42.5%, 48.4%

HSV

34.3, 59.7%, 69.0%

CMYK

0.0%, 25.6%, 59.7%, 31.0%

OKLCH

0.6415 0.0951 72.6

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#B08347

#4774B0

Analogous

#B04E47

#A8B047

#B08347

Triadic

#B08347

#47B083

#8347B0

Split Complementary

#B08347

#47A8B0

#4E47B0

Tetradic

#B08347

#47B04E

#4774B0

#B047A8

Color Blindness Simulation

Original

#B08347

Protanopia

#9D9C56

Deuteranopia

#9FA259

Tritanopia

#AE6164

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F4EEE7
200
#EADDCC
300
#DCC6A8
400
#C9A679
500
#B68749
600
#916C3B
700
#74572F
800
#5B4425
900
#43331E
950
#2A2013

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

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