#97B748

#97B748

Color Values

HEX

#97B748

RGB

151, 183, 72

HSL

77.3, 43.5%, 50.0%

HSV

77.3, 60.7%, 71.8%

CMYK

17.5%, 0.0%, 60.7%, 28.2%

OKLCH

0.7329 0.1427 123.5

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#97B748

#6848B7

Analogous

#B79F48

#60B748

#97B748

Triadic

#97B748

#4897B7

#B74897

Split Complementary

#97B748

#4860B7

#9F48B7

Tetradic

#97B748

#48B79F

#6848B7

#B74860

Color Blindness Simulation

Original

#97B748

Protanopia

#A5A563

Deuteranopia

#A3A169

Tritanopia

#99787D

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F0F4E7
200
#E2EBCC
300
#CDDCA7
400
#B2CA78
500
#97B748
600
#79923A
700
#61752E
800
#4B5B24
900
#38431D
950
#242B13

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

9.18:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026