#97A003

#97A003

Color Values

HEX

#97A003

RGB

151, 160, 3

HSL

63.4, 96.3%, 32.0%

HSV

63.4, 98.1%, 62.7%

CMYK

5.6%, 0.0%, 98.1%, 37.3%

OKLCH

0.6755 0.1509 113.7

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#97A003

#0C03A0

Analogous

#A05B03

#49A003

#97A003

Triadic

#97A003

#0397A0

#A00397

Split Complementary

#97A003

#0349A0

#5B03A0

Tetradic

#97A003

#03A05B

#0C03A0

#A00349

Color Blindness Simulation

Original

#97A003

Protanopia

#9B9B29

Deuteranopia

#9A9A32

Tritanopia

#97474E

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#FDFEF1
100
#FAFCDF
200
#FAFEB9
300
#F6FD87
400
#F1FC46
500
#ECFA05
600
#BDC804
700
#97A003
800
#767D02
900
#565A06
950
#363904

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

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