#889522

#889522

Color Values

HEX

#889522

RGB

136, 149, 34

HSL

66.8, 62.8%, 35.9%

HSV

66.8, 77.2%, 58.4%

CMYK

8.7%, 0.0%, 77.2%, 41.6%

OKLCH

0.6385 0.1339 116.1

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#889522

#2F2295

Analogous

#956922

#4F9522

#889522

Triadic

#889522

#228895

#952288

Split Complementary

#889522

#224F95

#692295

Tetradic

#889522

#229569

#2F2295

#95224F

Color Blindness Simulation

Original

#889522

Protanopia

#8E8E3E

Deuteranopia

#8D8C44

Tritanopia

#895459

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F5F7E4
200
#EDF2C5
300
#E0E89B
400
#CEDC65
500
#BDD02F
600
#98A626
700
#79851E
800
#5F6818
900
#464C15
950
#2C300D

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

6.37:1

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