#97C264

#97C264

Color Values

HEX

#97C264

RGB

151, 194, 100

HSL

87.4, 43.5%, 57.6%

HSV

87.4, 48.5%, 76.1%

CMYK

22.2%, 0.0%, 48.5%, 23.9%

OKLCH

0.762 0.1316 129.3

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#97C264

#8F64C2

Analogous

#C2BE64

#68C264

#97C264

Triadic

#97C264

#6497C2

#C26497

Split Complementary

#97C264

#6468C2

#BE64C2

Tetradic

#97C264

#64C2BE

#8F64C2

#C26468

Color Blindness Simulation

Original

#97C264

Protanopia

#AAAA7B

Deuteranopia

#A7A480

Tritanopia

#998D91

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF4E7
200
#DDEBCC
300
#C4DCA7
400
#A4CA78
500
#84B748
600
#6A923A
700
#55752E
800
#425B24
900
#32431D
950
#202B13

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

10.22:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026