#896766

#896766

Color Values

HEX

#896766

RGB

137, 103, 102

HSL

1.7, 14.6%, 46.9%

HSV

1.7, 25.5%, 53.7%

CMYK

0.0%, 24.8%, 25.5%, 46.3%

OKLCH

0.5478 0.044 20.5

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#896766

#668889

Analogous

#896677

#897966

#896766

Triadic

#896766

#668967

#676689

Split Complementary

#896766

#668979

#667789

Tetradic

#896766

#778966

#668889

#796689

Color Blindness Simulation

Original

#896766

Protanopia

#7A7A66

Deuteranopia

#7C7F66

Tritanopia

#876666

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F8F6F6
100
#EFEBEB
200
#E1D6D6
300
#CBB9B9
400
#AE9493
500
#926E6D
600
#755857
700
#5E4646
800
#493736
900
#372A2A
950
#231B1B

Contrast Checker

Text on white

5.01:1

AA Pass AAA Fail

Text on black

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