#B38648

#B38648

Color Values

HEX

#B38648

RGB

179, 134, 72

HSL

34.8, 42.6%, 49.2%

HSV

34.8, 59.8%, 70.2%

CMYK

0.0%, 25.1%, 59.8%, 29.8%

OKLCH

0.6509 0.0967 73.5

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#B38648

#4875B3

Analogous

#B35148

#AAB348

#B38648

Triadic

#B38648

#48B386

#8648B3

Split Complementary

#B38648

#48AAB3

#5148B3

Tetradic

#B38648

#48B351

#4875B3

#B348AA

Color Blindness Simulation

Original

#B38648

Protanopia

#A09F57

Deuteranopia

#A2A65B

Tritanopia

#B16365

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F4EEE7
200
#EBDECC
300
#DCC6A8
400
#C9A778
500
#B68849
600
#916D3B
700
#74572F
800
#5B4425
900
#43331E
950
#2A2013

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

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