#97A808

#97A808

Color Values

HEX

#97A808

RGB

151, 168, 8

HSL

66.4, 90.9%, 34.5%

HSV

66.4, 95.2%, 65.9%

CMYK

10.1%, 0.0%, 95.2%, 34.1%

OKLCH

0.6942 0.1582 116.8

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#97A808

#1908A8

Analogous

#A86908

#47A808

#97A808

Triadic

#97A808

#0897A8

#A80897

Split Complementary

#97A808

#0847A8

#6908A8

Tetradic

#97A808

#08A869

#1908A8

#A80847

Color Blindness Simulation

Original

#97A808

Protanopia

#9E9F2F

Deuteranopia

#9D9C38

Tritanopia

#984D54

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#FCFDF1
100
#F8FBDF
200
#F5FCBB
300
#EEF98A
400
#E4F64B
500
#DBF30C
600
#AFC309
700
#8C9C07
800
#6D7A06
900
#505809
950
#323806

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

7.92:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026