#97F2A3

#97F2A3

Color Values

HEX

#97F2A3

RGB

151, 242, 163

HSL

127.9, 77.8%, 77.1%

HSV

127.9, 37.6%, 94.9%

CMYK

37.6%, 0.0%, 32.6%, 5.1%

OKLCH

0.8842 0.1391 147.4

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#97F2A3

#F297E6

Analogous

#B9F297

#97F2D1

#97F2A3

Triadic

#97F2A3

#A397F2

#F2A397

Split Complementary

#97F2A3

#D197F2

#F297B9

Tetradic

#97F2A3

#97B9F2

#F297E6

#F2D197

Color Blindness Simulation

Original

#97F2A3

Protanopia

#BEBFB6

Deuteranopia

#B9B2BB

Tritanopia

#9CC5C9

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F2FCF4
100
#E1F9E4
200
#C0F7C7
300
#92F19F
400
#57EA6B
500
#1CE336
600
#17B52C
700
#129123
800
#0E711B
900
#0F5217
950
#09340F

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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