#97A059

#97A059

Color Values

HEX

#97A059

RGB

151, 160, 89

HSL

67.6, 28.5%, 48.8%

HSV

67.6, 44.4%, 62.7%

CMYK

5.6%, 0.0%, 44.4%, 37.3%

OKLCH

0.6821 0.0952 114.9

Properties

Cool Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#97A059

#6259A0

Analogous

#A08559

#73A059

#97A059

Triadic

#97A059

#5997A0

#A05997

Split Complementary

#97A059

#5973A0

#8559A0

Tetradic

#97A059

#59A085

#6259A0

#A05973

Color Blindness Simulation

Original

#97A059

Protanopia

#9B9B6A

Deuteranopia

#9A9A6E

Tritanopia

#97787B

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F0F1E9
200
#E3E5D1
300
#CFD3B0
400
#B5BC86
500
#9BA45B
600
#7C8349
700
#63693A
800
#4D522E
900
#3A3D24
950
#242617

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

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