#884F4D

#884F4D

Color Values

HEX

#884F4D

RGB

136, 79, 77

HSL

2.0, 27.7%, 41.8%

HSV

2.0, 43.4%, 53.3%

CMYK

0.0%, 41.9%, 43.4%, 46.7%

OKLCH

0.4934 0.0772 22.4

Properties

Warm Dark Nearest: lightpink 4

Color Harmonies

Complementary

#884F4D

#4D8688

Analogous

#884D69

#886D4D

#884F4D

Triadic

#884F4D

#4D884F

#4F4D88

Split Complementary

#884F4D

#4D886D

#4D6988

Tetradic

#884F4D

#69884D

#4D8688

#6D4D88

Color Blindness Simulation

Original

#884F4D

Protanopia

#6F6F4D

Deuteranopia

#73774E

Tritanopia

#854E4E

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1E9E9
200
#E5D2D1
300
#D3B2B1
400
#BB8887
500
#A35F5C
600
#824C4A
700
#683D3B
800
#512F2E
900
#3D2524
950
#261717

Contrast Checker

Text on white

6.42:1

AA Pass AAA Fail

Text on black

3.27: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