#97F031

#97F031

Color Values

HEX

#97F031

RGB

151, 240, 49

HSL

88.0, 86.4%, 56.7%

HSV

88.0, 79.6%, 94.1%

CMYK

37.1%, 0.0%, 79.6%, 5.9%

OKLCH

0.8661 0.2265 132.3

Properties

Cool Light Nearest: greenyellow

Color Harmonies

Complementary

#97F031

#8A31F0

Analogous

#F0EA31

#38F031

#97F031

Triadic

#97F031

#3197F0

#F03197

Split Complementary

#97F031

#3138F0

#EA31F0

Tetradic

#97F031

#31F0EA

#8A31F0

#F03138

Color Blindness Simulation

Original

#97F031

Protanopia

#BEBE5F

Deuteranopia

#B8B26A

Tritanopia

#9B848C

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EEFAE0
200
#DDFABC
300
#C5F78D
400
#A6F24F
500
#87EE11
600
#6CBE0E
700
#56980B
800
#437709
900
#33560B
950
#203607

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.82:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026