#97F15C

#97F15C

Color Values

HEX

#97F15C

RGB

151, 241, 92

HSL

96.2, 84.2%, 65.3%

HSV

96.2, 61.8%, 94.5%

CMYK

37.3%, 0.0%, 61.8%, 5.5%

OKLCH

0.8716 0.2024 135.0

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#97F15C

#B65CF1

Analogous

#E2F15C

#5CF16B

#97F15C

Triadic

#97F15C

#5C97F1

#F15C97

Split Complementary

#97F15C

#6B5CF1

#F15CE2

Tetradic

#97F15C

#5CE2F1

#B65CF1

#F16B5C

Color Blindness Simulation

Original

#97F15C

Protanopia

#BEBF80

Deuteranopia

#B9B289

Tritanopia

#9C9DA3

Achromatopsia

#D3D3D3

CSS Usage

background-color: #97F15C;
color: #97F15C;
border-color: #97F15C;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F6FDF2
100
#EBFAE0
200
#D5F9BD
300
#B7F58E
400
#90F051
500
#69EB14
600
#54BC10
700
#43960D
800
#35750A
900
#29550C
950
#1A3607

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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