#36EC32

#36EC32

Color Values

HEX

#36EC32

RGB

54, 236, 50

HSL

118.7, 83.0%, 56.1%

HSV

118.7, 78.8%, 92.5%

CMYK

77.1%, 0.0%, 78.8%, 7.5%

OKLCH

0.8233 0.2596 142.6

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#36EC32

#E832EC

Analogous

#93EC32

#32EC8B

#36EC32

Triadic

#36EC32

#3236EC

#EC3236

Split Complementary

#36EC32

#8B32EC

#EC3293

Tetradic

#36EC32

#3293EC

#E832EC

#EC8B32

Color Blindness Simulation

Original

#36EC32

Protanopia

#85865F

Deuteranopia

#7A6D6A

Tritanopia

#3F838A

Achromatopsia

#B8B8B8

CSS Usage

background-color: #36EC32;
color: #36EC32;
border-color: #36EC32;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F2FDF2
100
#E1FAE1
200
#BFF9BE
300
#91F58F
400
#56EF52
500
#1AE916
600
#15BB11
700
#11950E
800
#0D750B
900
#0E550C
950
#093508

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.2:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026