#BE884F

#BE884F

Color Values

HEX

#BE884F

RGB

190, 136, 79

HSL

30.8, 46.1%, 52.7%

HSV

30.8, 58.4%, 74.5%

CMYK

0.0%, 28.4%, 58.4%, 25.5%

OKLCH

0.6682 0.0991 66.2

Properties

Warm Light Nearest: Raw Sienna

Color Harmonies

Complementary

#BE884F

#4F85BE

Analogous

#BE504F

#BDBE4F

#BE884F

Triadic

#BE884F

#4FBE88

#884FBE

Split Complementary

#BE884F

#4FBDBE

#504FBE

Tetradic

#BE884F

#4FBE50

#4F85BE

#BE4FBD

Color Blindness Simulation

Original

#BE884F

Protanopia

#A7A65D

Deuteranopia

#AAAE60

Tritanopia

#BB686A

Achromatopsia

#8F8F8F

CSS Usage

background-color: #BE884F;
color: #BE884F;
border-color: #BE884F;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#ECDCCB
300
#DEC3A6
400
#CCA275
500
#BA8145
600
#956737
700
#77532C
800
#5D4122
900
#45311C
950
#2B1F12

Contrast Checker

Text on white

3.08:1

AA Fail AAA Fail

Text on black

6.82:1

AA Pass AAA Fail

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