#97F048

#97F048

Color Values

HEX

#97F048

RGB

151, 240, 72

HSL

91.8, 84.8%, 61.2%

HSV

91.8, 70.0%, 94.1%

CMYK

37.1%, 0.0%, 70.0%, 5.9%

OKLCH

0.8675 0.2147 133.5

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#97F048

#A148F0

Analogous

#EBF048

#48F04D

#97F048

Triadic

#97F048

#4897F0

#F04897

Split Complementary

#97F048

#4D48F0

#F048EB

Tetradic

#97F048

#48EBF0

#A148F0

#F04D48

Color Blindness Simulation

Original

#97F048

Protanopia

#BEBE71

Deuteranopia

#B8B27A

Tritanopia

#9B9198

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#ECFAE0
200
#D9FABD
300
#BFF68E
400
#9CF151
500
#79EC13
600
#61BC10
700
#4D970C
800
#3D760A
900
#2E550B
950
#1D3607

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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