#886248

#886248

Color Values

HEX

#886248

RGB

136, 98, 72

HSL

24.4, 30.8%, 40.8%

HSV

24.4, 47.1%, 53.3%

CMYK

0.0%, 27.9%, 47.1%, 46.7%

OKLCH

0.5291 0.0626 55.3

Properties

Warm Dark Nearest: RAL 8024 Beige Brown

Color Harmonies

Complementary

#886248

#486E88

Analogous

#88484E

#888248

#886248

Triadic

#886248

#488862

#624888

Split Complementary

#886248

#488882

#484E88

Tetradic

#886248

#4E8848

#486E88

#824888

Color Blindness Simulation

Original

#886248

Protanopia

#78774E

Deuteranopia

#7A7D50

Tritanopia

#865354

Achromatopsia

#686868

CSS Usage

background-color: #886248;
color: #886248;
border-color: #886248;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#F9F7F5
100
#F2ECE8
200
#E6D9D0
300
#D5BEAF
400
#BE9B84
500
#A77858
600
#856047
700
#6B4D38
800
#533C2C
900
#3E2E23
950
#271D16

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

3.89:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026