#886369

#886369

Color Values

HEX

#886369

RGB

136, 99, 105

HSL

350.3, 15.7%, 46.1%

HSV

350.3, 27.2%, 53.3%

CMYK

0.0%, 27.2%, 22.8%, 46.7%

OKLCH

0.5395 0.0486 8.0

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#886369

#638882

Analogous

#88637C

#887063

#886369

Triadic

#886369

#698863

#636988

Split Complementary

#886369

#638870

#637C88

Tetradic

#886369

#7C8863

#638882

#706388

Color Blindness Simulation

Original

#886369

Protanopia

#787868

Deuteranopia

#7A7D67

Tritanopia

#866666

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#F0EBEC
200
#E1D6D8
300
#CBB8BB
400
#AF9297
500
#946B72
600
#76565B
700
#5E4549
800
#4A3639
900
#372A2C
950
#231A1C

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

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