#97A465

#97A465

Color Values

HEX

#97A465

RGB

151, 164, 101

HSL

72.4, 25.7%, 52.0%

HSV

72.4, 38.4%, 64.3%

CMYK

7.9%, 0.0%, 38.4%, 35.7%

OKLCH

0.6932 0.0868 118.2

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#97A465

#7265A4

Analogous

#A49265

#78A465

#97A465

Triadic

#97A465

#6597A4

#A46597

Split Complementary

#97A465

#6578A4

#9265A4

Tetradic

#97A465

#65A492

#7265A4

#A46578

Color Blindness Simulation

Original

#97A465

Protanopia

#9D9D74

Deuteranopia

#9C9B78

Tritanopia

#988083

Achromatopsia

#9D9D9D

CSS Usage

background-color: #97A465;
color: #97A465;
border-color: #97A465;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8F9F6
100
#EFF1E9
200
#E1E4D2
300
#CBD2B2
400
#AFB988
500
#93A05F
600
#75804C
700
#5E673D
800
#49502F
900
#373C25
950
#232618

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

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