#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