#97A438

#97A438

Color Values

HEX

#97A438

RGB

151, 164, 56

HSL

67.2, 49.1%, 43.1%

HSV

67.2, 65.9%, 64.3%

CMYK

7.9%, 0.0%, 65.9%, 35.7%

OKLCH

0.6873 0.1318 115.8

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#97A438

#4538A4

Analogous

#A47B38

#61A438

#97A438

Triadic

#97A438

#3897A4

#A43897

Split Complementary

#97A438

#3861A4

#7B38A4

Tetradic

#97A438

#38A47B

#4538A4

#A43861

Color Blindness Simulation

Original

#97A438

Protanopia

#9D9D52

Deuteranopia

#9C9B58

Tritanopia

#98676B

Achromatopsia

#999999

CSS Usage

background-color: #97A438;
color: #97A438;
border-color: #97A438;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FAFBF4
100
#F3F5E6
200
#E9EDCA
300
#D9E0A4
400
#C4CF72
500
#AFBE41
600
#8C9834
700
#707A2A
800
#585F20
900
#41461B
950
#292C11

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

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