#989F1F

#989F1F

Color Values

HEX

#989F1F

RGB

152, 159, 31

HSL

63.3, 67.4%, 37.3%

HSV

63.3, 80.5%, 62.4%

CMYK

4.4%, 0.0%, 80.5%, 37.6%

OKLCH

0.6749 0.1413 112.9

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#989F1F

#261F9F

Analogous

#9F661F

#589F1F

#989F1F

Triadic

#989F1F

#1F989F

#9F1F98

Split Complementary

#989F1F

#1F589F

#661F9F

Tetradic

#989F1F

#1F9F66

#261F9F

#9F1F58

Color Blindness Simulation

Original

#989F1F

Protanopia

#9B9B3E

Deuteranopia

#9B9A45

Tritanopia

#98565C

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#F1F3C3
300
#E7EB99
400
#D9E061
500
#CCD52A
600
#A3AB21
700
#83891B
800
#666B15
900
#4B4E13
950
#2F310C

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

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