#97A55F

#97A55F

Color Values

HEX

#97A55F

RGB

151, 165, 95

HSL

72.0, 28.0%, 51.0%

HSV

72.0, 42.4%, 64.7%

CMYK

8.5%, 0.0%, 42.4%, 35.3%

OKLCH

0.6944 0.0953 118.2

Properties

Cool Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#97A55F

#6D5FA5

Analogous

#A5905F

#74A55F

#97A55F

Triadic

#97A55F

#5F97A5

#A55F97

Split Complementary

#97A55F

#5F74A5

#905FA5

Tetradic

#97A55F

#5FA590

#6D5FA5

#A55F74

Color Blindness Simulation

Original

#97A55F

Protanopia

#9D9D70

Deuteranopia

#9C9B74

Tritanopia

#987D80

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#F0F1E9
200
#E1E5D1
300
#CCD3B1
400
#B1BB86
500
#95A35C
600
#778349
700
#5F683B
800
#4A522E
900
#383D24
950
#232617

Contrast Checker

Text on white

2.67:1

AA Fail AAA Fail

Text on black

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