#B08648

#B08648

Color Values

HEX

#B08648

RGB

176, 134, 72

HSL

35.8, 41.9%, 48.6%

HSV

35.8, 59.1%, 69.0%

CMYK

0.0%, 23.9%, 59.1%, 31.0%

OKLCH

0.6476 0.0948 75.4

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#B08648

#4872B0

Analogous

#B05248

#A6B048

#B08648

Triadic

#B08648

#48B086

#8648B0

Split Complementary

#B08648

#48A6B0

#5248B0

Tetradic

#B08648

#48B052

#4872B0

#B048A6

Color Blindness Simulation

Original

#B08648

Protanopia

#9E9D57

Deuteranopia

#A0A35B

Tritanopia

#AE6365

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F4EEE7
200
#EADECC
300
#DBC7A8
400
#C8A879
500
#B58A4A
600
#916E3B
700
#74582F
800
#5A4525
900
#43341E
950
#2A2113

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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