#97C96F

#97C96F

Color Values

HEX

#97C96F

RGB

151, 201, 111

HSL

93.3, 45.5%, 61.2%

HSV

93.3, 44.8%, 78.8%

CMYK

24.9%, 0.0%, 44.8%, 21.2%

OKLCH

0.7799 0.1306 132.5

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#97C96F

#A16FC9

Analogous

#C4C96F

#6FC974

#97C96F

Triadic

#97C96F

#6F97C9

#C96F97

Split Complementary

#97C96F

#746FC9

#C96FC4

Tetradic

#97C96F

#6FC4C9

#A16FC9

#C9746F

Color Blindness Simulation

Original

#97C96F

Protanopia

#ADAD85

Deuteranopia

#AAA68A

Tritanopia

#9A969A

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F7FAF4
100
#ECF4E6
200
#DAECCB
300
#BFDEA6
400
#9CCC76
500
#79BA45
600
#619438
700
#4E772C
800
#3D5D23
900
#2E441D
950
#1D2B12

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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