#B4996F

#B4996F

Color Values

HEX

#B4996F

RGB

180, 153, 111

HSL

36.5, 31.5%, 57.1%

HSV

36.5, 38.3%, 70.6%

CMYK

0.0%, 15.0%, 38.3%, 29.4%

OKLCH

0.697 0.0656 78.4

Properties

Warm Light Nearest: burlywood 3

Color Harmonies

Complementary

#B4996F

#6F8AB4

Analogous

#B4776F

#ADB46F

#B4996F

Triadic

#B4996F

#6FB499

#996FB4

Split Complementary

#B4996F

#6FADB4

#776FB4

Tetradic

#B4996F

#6FB477

#6F8AB4

#B46FAD

Color Blindness Simulation

Original

#B4996F

Protanopia

#A8A879

Deuteranopia

#AAAC7C

Tritanopia

#B38183

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

7.73:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026