#886448

#886448

Color Values

HEX

#886448

RGB

136, 100, 72

HSL

26.2, 30.8%, 40.8%

HSV

26.2, 47.1%, 53.3%

CMYK

0.0%, 26.5%, 47.1%, 46.7%

OKLCH

0.5332 0.062 58.8

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#886448

#486C88

Analogous

#88484C

#888448

#886448

Triadic

#886448

#488864

#644888

Split Complementary

#886448

#488884

#484C88

Tetradic

#886448

#4C8848

#486C88

#844888

Color Blindness Simulation

Original

#886448

Protanopia

#78784F

Deuteranopia

#7A7D50

Tritanopia

#865455

Achromatopsia

#6A6A6A

CSS Usage

background-color: #886448;
color: #886448;
border-color: #886448;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F7F5
100
#F2EDE8
200
#E6DAD0
300
#D5BFAF
400
#BE9D84
500
#A77B58
600
#856247
700
#6B4E38
800
#533D2C
900
#3E2F23
950
#271E16

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

3.96:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026