#97FC8E

#97FC8E

Color Values

HEX

#97FC8E

RGB

151, 252, 142

HSL

115.1, 94.8%, 77.3%

HSV

115.1, 43.7%, 98.8%

CMYK

40.1%, 0.0%, 43.7%, 1.2%

OKLCH

0.9038 0.1739 142.3

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#97FC8E

#F38EFC

Analogous

#CEFC8E

#8EFCBC

#97FC8E

Triadic

#97FC8E

#8E97FC

#FC8E97

Split Complementary

#97FC8E

#BC8EFC

#FC8ECE

Tetradic

#97FC8E

#8ECEFC

#F38EFC

#FCBC8E

Color Blindness Simulation

Original

#97FC8E

Protanopia

#C3C4A9

Deuteranopia

#BDB5AF

Tritanopia

#9CBEC2

Achromatopsia

#DFDFDF

CSS Usage

background-color: #97FC8E;
color: #97FC8E;
border-color: #97FC8E;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FEF1
100
#E1FCDF
200
#BFFDB9
300
#91FC88
400
#56FA47
500
#1AF807
600
#15C705
700
#119F04
800
#0D7C03
900
#0E5A07
950
#093904

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.63:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026