#89864C

#89864C

Color Values

HEX

#89864C

RGB

137, 134, 76

HSL

57.0, 28.6%, 41.8%

HSV

57.0, 44.5%, 53.7%

CMYK

0.0%, 2.2%, 44.5%, 46.3%

OKLCH

0.609 0.0791 105.9

Properties

Warm Light Nearest: khaki 4

Color Harmonies

Complementary

#89864C

#4C4F89

Analogous

#89684C

#6E894C

#89864C

Triadic

#89864C

#4C8986

#864C89

Split Complementary

#89864C

#4C6E89

#684C89

Tetradic

#89864C

#4C8968

#4C4F89

#894C6E

Color Blindness Simulation

Original

#89864C

Protanopia

#88885A

Deuteranopia

#88885D

Tritanopia

#896568

Achromatopsia

#828282

CSS Usage

background-color: #89864C;
color: #89864C;
border-color: #89864C;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F9F9F5
100
#F1F1E9
200
#E6E4D1
300
#D3D2B0
400
#BCB986
500
#A4A05B
600
#838049
700
#69673A
800
#52502E
900
#3D3C24
950
#262617

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

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