#886148

#886148

Color Values

HEX

#886148

RGB

136, 97, 72

HSL

23.4, 30.8%, 40.8%

HSV

23.4, 47.1%, 53.3%

CMYK

0.0%, 28.7%, 47.1%, 46.7%

OKLCH

0.5271 0.063 53.6

Properties

Warm Dark Nearest: RAL 8024 Beige Brown

Color Harmonies

Complementary

#886148

#486F88

Analogous

#88484F

#888148

#886148

Triadic

#886148

#488861

#614888

Split Complementary

#886148

#488881

#484F88

Tetradic

#886148

#4F8848

#486F88

#814888

Color Blindness Simulation

Original

#886148

Protanopia

#77774E

Deuteranopia

#797C50

Tritanopia

#865354

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2ECE8
200
#E6D9D0
300
#D5BEAF
400
#BE9A84
500
#A77758
600
#855F47
700
#6B4C38
800
#533B2C
900
#3E2D23
950
#271D16

Contrast Checker

Text on white

5.45:1

AA Pass AAA Fail

Text on black

3.85:1

AA Fail 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