#B3986F

#B3986F

Color Values

HEX

#B3986F

RGB

179, 152, 111

HSL

36.2, 30.9%, 56.9%

HSV

36.2, 38.0%, 70.2%

CMYK

0.0%, 15.1%, 38.0%, 29.8%

OKLCH

0.6939 0.0645 77.8

Properties

Warm Light Nearest: burlywood 3

Color Harmonies

Complementary

#B3986F

#6F8AB3

Analogous

#B3766F

#ACB36F

#B3986F

Triadic

#B3986F

#6FB398

#986FB3

Split Complementary

#B3986F

#6FACB3

#766FB3

Tetradic

#B3986F

#6FB376

#6F8AB3

#B36FAC

Color Blindness Simulation

Original

#B3986F

Protanopia

#A7A779

Deuteranopia

#A9AB7B

Tritanopia

#B28182

Achromatopsia

#9B9B9B

CSS Usage

background-color: #B3986F;
color: #B3986F;
border-color: #B3986F;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F8F5
100
#F2EEE8
200
#E6DED0
300
#D5C6AF
400
#BEA783
500
#A78858
600
#866D46
700
#6B5738
800
#53442C
900
#3E3323
950
#272016

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

7.64:1

AA Pass AAA Pass

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