#97A804

#97A804

Color Values

HEX

#97A804

RGB

151, 168, 4

HSL

66.2, 95.3%, 33.7%

HSV

66.2, 97.6%, 65.9%

CMYK

10.1%, 0.0%, 97.6%, 34.1%

OKLCH

0.6941 0.1589 116.8

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#97A804

#1504A8

Analogous

#A86704

#45A804

#97A804

Triadic

#97A804

#0497A8

#A80497

Split Complementary

#97A804

#0445A8

#6704A8

Tetradic

#97A804

#04A867

#1504A8

#A80445

Color Blindness Simulation

Original

#97A804

Protanopia

#9E9F2C

Deuteranopia

#9D9C35

Tritanopia

#984B52

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#FCFEF1
100
#F9FCDF
200
#F6FDB9
300
#F0FC87
400
#E8FB47
500
#E0F906
600
#B3C705
700
#8F9F04
800
#707D03
900
#515A07
950
#333904

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