#89882F

#89882F

Color Values

HEX

#89882F

RGB

137, 136, 47

HSL

59.3, 48.9%, 36.1%

HSV

59.3, 65.7%, 53.7%

CMYK

0.0%, 0.7%, 65.7%, 46.3%

OKLCH

0.61 0.1102 108.6

Properties

Warm Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#89882F

#2F3089

Analogous

#895B2F

#5D892F

#89882F

Triadic

#89882F

#2F8988

#882F89

Split Complementary

#89882F

#2F5D89

#5B2F89

Tetradic

#89882F

#2F895B

#2F3089

#892F5D

Color Blindness Simulation

Original

#89882F

Protanopia

#898945

Deuteranopia

#89894A

Tritanopia

#895659

Achromatopsia

#828282

CSS Usage

background-color: #89882F;
color: #89882F;
border-color: #89882F;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FBFAF4
100
#F5F4E6
200
#EDECCA
300
#E0DFA4
400
#CFCE73
500
#BEBC41
600
#989734
700
#7A792A
800
#5F5E21
900
#46451B
950
#2C2C11

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

5.63:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026