#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

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026