#989C16

#989C16

Color Values

HEX

#989C16

RGB

152, 156, 22

HSL

61.8, 75.3%, 34.9%

HSV

61.8, 85.9%, 61.2%

CMYK

2.6%, 0.0%, 85.9%, 38.8%

OKLCH

0.6676 0.1419 111.6

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#989C16

#1A169C

Analogous

#9C5D16

#559C16

#989C16

Triadic

#989C16

#16989C

#9C1698

Split Complementary

#989C16

#16559C

#5D169C

Tetradic

#989C16

#169C5D

#1A169C

#9C1655

Color Blindness Simulation

Original

#989C16

Protanopia

#9A9A36

Deuteranopia

#9A993E

Tritanopia

#985056

Achromatopsia

#919191

CSS Usage

background-color: #989C16;
color: #989C16;
border-color: #989C16;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#FCFCF2
100
#F8F9E2
200
#F5F6C0
300
#EDF094
400
#E3E85A
500
#DAE01F
600
#AEB319
700
#8B8F14
800
#6D7010
900
#4F5110
950
#32330A

Contrast Checker

Text on white

2.96:1

AA Fail AAA Fail

Text on black

7.1:1

AA Pass AAA Pass

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