#897060

#897060

Color Values

HEX

#897060

RGB

137, 112, 96

HSL

23.4, 17.6%, 45.7%

HSV

23.4, 29.9%, 53.7%

CMYK

0.0%, 18.2%, 29.9%, 46.3%

OKLCH

0.5648 0.0397 54.3

Properties

Warm Dark Nearest: peachpuff 4

Color Harmonies

Complementary

#897060

#607989

Analogous

#896065

#898560

#897060

Triadic

#897060

#608970

#706089

Split Complementary

#897060

#608985

#606589

Tetradic

#897060

#658960

#607989

#856089

Color Blindness Simulation

Original

#897060

Protanopia

#7E7E64

Deuteranopia

#808265

Tritanopia

#886768

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#F0EDEA
200
#E2DAD5
300
#CDBFB7
400
#B19D90
500
#967B69
600
#786254
700
#604E43
800
#4B3D35
900
#382F29
950
#231E1A

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

4.55:1

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