#896A5D

#896A5D

Color Values

HEX

#896A5D

RGB

137, 106, 93

HSL

17.7, 19.1%, 45.1%

HSV

17.7, 32.1%, 53.7%

CMYK

0.0%, 22.6%, 32.1%, 46.3%

OKLCH

0.5515 0.0446 43.9

Properties

Warm Dark Nearest: peachpuff 4

Color Harmonies

Complementary

#896A5D

#5D7C89

Analogous

#895D66

#89805D

#896A5D

Triadic

#896A5D

#5D896A

#6A5D89

Split Complementary

#896A5D

#5D8980

#5D6689

Tetradic

#896A5D

#66895D

#5D7C89

#805D89

Color Blindness Simulation

Original

#896A5D

Protanopia

#7C7B60

Deuteranopia

#7D8061

Tritanopia

#876363

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0ECEA
200
#E2D9D4
300
#CDBDB6
400
#B3998F
500
#987667
600
#795E53
700
#614B42
800
#4C3B34
900
#392D28
950
#241C19

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

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