#889229

#889229

Color Values

HEX

#889229

RGB

136, 146, 41

HSL

65.7, 56.1%, 36.7%

HSV

65.7, 71.9%, 57.3%

CMYK

6.8%, 0.0%, 71.9%, 42.7%

OKLCH

0.6319 0.1262 114.8

Properties

Cool Light Nearest: olive

Color Harmonies

Complementary

#889229

#332992

Analogous

#926829

#549229

#889229

Triadic

#889229

#298892

#922988

Split Complementary

#889229

#295492

#682992

Tetradic

#889229

#299268

#332992

#922954

Color Blindness Simulation

Original

#889229

Protanopia

#8C8C42

Deuteranopia

#8C8B48

Tritanopia

#88565B

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F4F6E5
200
#ECEFC7
300
#DEE49F
400
#CCD66C
500
#B9C738
600
#949F2D
700
#777F24
800
#5D641C
900
#444918
950
#2B2E0F

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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