#97F2A2

#97F2A2

Color Values

HEX

#97F2A2

RGB

151, 242, 162

HSL

127.3, 77.8%, 77.1%

HSV

127.3, 37.6%, 94.9%

CMYK

37.6%, 0.0%, 33.1%, 5.1%

OKLCH

0.884 0.1401 147.1

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#97F2A2

#F297E7

Analogous

#BAF297

#97F2D0

#97F2A2

Triadic

#97F2A2

#A297F2

#F2A297

Split Complementary

#97F2A2

#D097F2

#F297BA

Tetradic

#97F2A2

#97BAF2

#F297E7

#F2D097

Color Blindness Simulation

Original

#97F2A2

Protanopia

#BEBFB5

Deuteranopia

#B9B2BA

Tritanopia

#9CC5C8

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F2FCF4
100
#E1F9E4
200
#C0F7C6
300
#92F19E
400
#57EA69
500
#1CE334
600
#17B52A
700
#129122
800
#0E711A
900
#0F5217
950
#09340E

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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