#97EE9C

#97EE9C

Color Values

HEX

#97EE9C

RGB

151, 238, 156

HSL

123.4, 71.9%, 76.3%

HSV

123.4, 36.6%, 93.3%

CMYK

36.6%, 0.0%, 34.5%, 6.7%

OKLCH

0.8736 0.1401 145.6

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#97EE9C

#EE97E9

Analogous

#BEEE97

#97EEC7

#97EE9C

Triadic

#97EE9C

#9C97EE

#EE9C97

Split Complementary

#97EE9C

#C797EE

#EE97BE

Tetradic

#97EE9C

#97BEEE

#EE97E9

#EEC797

Color Blindness Simulation

Original

#97EE9C

Protanopia

#BDBDB0

Deuteranopia

#B8B1B5

Tritanopia

#9BC0C3

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E2F8E3
200
#C2F5C5
300
#96EE9B
400
#5DE465
500
#24DB2E
600
#1DAF25
700
#178C1E
800
#126E17
900
#115015
950
#0B320D

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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