#979D45

#979D45

Color Values

HEX

#979D45

RGB

151, 157, 69

HSL

64.1, 38.9%, 44.3%

HSV

64.1, 56.1%, 61.6%

CMYK

3.8%, 0.0%, 56.1%, 38.4%

OKLCH

0.6726 0.1122 112.6

Properties

Cool Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#979D45

#4B459D

Analogous

#9D7745

#6B9D45

#979D45

Triadic

#979D45

#45979D

#9D4597

Split Complementary

#979D45

#456B9D

#77459D

Tetradic

#979D45

#459D77

#4B459D

#9D456B

Color Blindness Simulation

Original

#979D45

Protanopia

#9A9A5A

Deuteranopia

#99995F

Tritanopia

#976B6F

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F2F3E7
200
#E7E9CD
300
#D6DAAA
400
#C0C57C
500
#AAB14E
600
#888E3E
700
#6D7132
800
#555927
900
#3F411F
950
#282914

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

7.22:1

AA Pass AAA Pass

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