#97EC99

#97EC99

Color Values

HEX

#97EC99

RGB

151, 236, 153

HSL

121.4, 69.1%, 75.9%

HSV

121.4, 36.0%, 92.5%

CMYK

36.0%, 0.0%, 35.2%, 7.5%

OKLCH

0.8684 0.1401 144.8

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#97EC99

#EC97EA

Analogous

#C0EC97

#97ECC4

#97EC99

Triadic

#97EC99

#9997EC

#EC9997

Split Complementary

#97EC99

#C497EC

#EC97C0

Tetradic

#97EC99

#97C0EC

#EC97EA

#ECC497

Color Blindness Simulation

Original

#97EC99

Protanopia

#BCBDAD

Deuteranopia

#B7B0B2

Tritanopia

#9BBDC0

Achromatopsia

#D4D4D4

CSS Usage

background-color: #97EC99;
color: #97EC99;
border-color: #97EC99;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F3FCF3
100
#E3F8E3
200
#C3F4C4
300
#98EC99
400
#5FE262
500
#27D82C
600
#20AC23
700
#198A1C
800
#146C16
900
#124F14
950
#0C320C

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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