#97BB74

#97BB74

Color Values

HEX

#97BB74

RGB

151, 187, 116

HSL

90.4, 34.3%, 59.4%

HSV

90.4, 38.0%, 73.3%

CMYK

19.3%, 0.0%, 38.0%, 26.7%

OKLCH

0.7484 0.104 130.4

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#97BB74

#9874BB

Analogous

#BBBB74

#74BB74

#97BB74

Triadic

#97BB74

#7497BB

#BB7497

Split Complementary

#97BB74

#7474BB

#BB74BB

Tetradic

#97BB74

#74BBBB

#9874BB

#BB7474

Color Blindness Simulation

Original

#97BB74

Protanopia

#A7A785

Deuteranopia

#A4A289

Tritanopia

#999396

Achromatopsia

#AEAEAE

CSS Usage

background-color: #97BB74;
color: #97BB74;
border-color: #97BB74;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FAF5
100
#EDF2E8
200
#DBE8CF
300
#C2D7AD
400
#A0C180
500
#7FAB54
600
#668943
700
#516E36
800
#3F562A
900
#303F21
950
#1E2815

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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