#B3853F

#B3853F

Color Values

HEX

#B3853F

RGB

179, 133, 63

HSL

36.2, 47.9%, 47.5%

HSV

36.2, 64.8%, 70.2%

CMYK

0.0%, 25.7%, 64.8%, 29.8%

OKLCH

0.6478 0.1038 75.5

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#B3853F

#3F6DB3

Analogous

#B34B3F

#A7B33F

#B3853F

Triadic

#B3853F

#3FB385

#853FB3

Split Complementary

#B3853F

#3FA7B3

#4B3FB3

Tetradic

#B3853F

#3FB34B

#3F6DB3

#B33FA7

Color Blindness Simulation

Original

#B3853F

Protanopia

#9F9F50

Deuteranopia

#A2A554

Tritanopia

#B15D60

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#ECDFCA
300
#DFC8A4
400
#CEAA73
500
#BD8C42
600
#977035
700
#795A2B
800
#5E4621
900
#45351C
950
#2C2111

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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