#97EB36

#97EB36

Color Values

HEX

#97EB36

RGB

151, 235, 54

HSL

87.8, 81.9%, 56.7%

HSV

87.8, 77.0%, 92.2%

CMYK

35.7%, 0.0%, 77.0%, 7.8%

OKLCH

0.8545 0.2186 132.0

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#97EB36

#8A36EB

Analogous

#EBE436

#3DEB36

#97EB36

Triadic

#97EB36

#3697EB

#EB3697

Split Complementary

#97EB36

#363DEB

#E436EB

Tetradic

#97EB36

#36EBE4

#8A36EB

#EB363D

Color Blindness Simulation

Original

#97EB36

Protanopia

#BBBC62

Deuteranopia

#B6B06C

Tritanopia

#9B848C

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EEFAE1
200
#DDF9BE
300
#C5F490
400
#A6EE53
500
#87E817
600
#6CBA12
700
#57940F
800
#44740C
900
#33540D
950
#203508

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

14.25:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026