#97A620

#97A620

Color Values

HEX

#97A620

RGB

151, 166, 32

HSL

66.7, 67.7%, 38.8%

HSV

66.7, 80.7%, 65.1%

CMYK

9.0%, 0.0%, 80.7%, 34.9%

OKLCH

0.6903 0.1487 116.3

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#97A620

#2F20A6

Analogous

#A67220

#54A620

#97A620

Triadic

#97A620

#2097A6

#A62097

Split Complementary

#97A620

#2054A6

#7220A6

Tetradic

#97A620

#20A672

#2F20A6

#A62054

Color Blindness Simulation

Original

#97A620

Protanopia

#9D9E40

Deuteranopia

#9D9C48

Tritanopia

#985A60

Achromatopsia

#999999

CSS Usage

background-color: #97A620;
color: #97A620;
border-color: #97A620;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#FBFCF3
100
#F5F7E3
200
#EEF3C3
300
#E2EB98
400
#D2E161
500
#C3D629
600
#9CAB21
700
#7D891A
800
#616B15
900
#474E13
950
#2D310C

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

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