#97A433

#97A433

Color Values

HEX

#97A433

RGB

151, 164, 51

HSL

66.9, 52.6%, 42.2%

HSV

66.9, 68.9%, 64.3%

CMYK

7.9%, 0.0%, 68.9%, 35.7%

OKLCH

0.6869 0.1354 115.7

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#97A433

#4033A4

Analogous

#A47933

#5FA433

#97A433

Triadic

#97A433

#3397A4

#A43397

Split Complementary

#97A433

#335FA4

#7933A4

Tetradic

#97A433

#33A479

#4033A4

#A4335F

Color Blindness Simulation

Original

#97A433

Protanopia

#9D9D4E

Deuteranopia

#9C9B55

Tritanopia

#986469

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F3F5E5
200
#EAEEC9
300
#DBE2A2
400
#C7D26F
500
#B3C33C
600
#8F9C30
700
#737D27
800
#5A611E
900
#42471A
950
#2A2D10

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

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