#97A327

#97A327

Color Values

HEX

#97A327

RGB

151, 163, 39

HSL

65.8, 61.4%, 39.6%

HSV

65.8, 76.1%, 63.9%

CMYK

7.4%, 0.0%, 76.1%, 36.1%

OKLCH

0.6837 0.1418 115.1

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#97A327

#3327A3

Analogous

#A37127

#59A327

#97A327

Triadic

#97A327

#2797A3

#A32797

Split Complementary

#97A327

#2759A3

#7127A3

Tetradic

#97A327

#27A371

#3327A3

#A32759

Color Blindness Simulation

Original

#97A327

Protanopia

#9C9C45

Deuteranopia

#9C9B4C

Tritanopia

#985D62

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F5F6E4
200
#EDF1C5
300
#E0E79C
400
#CFDB67
500
#BFCE31
600
#99A527
700
#7A841F
800
#5F6719
900
#464B16
950
#2C300E

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

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