#36EC91

#36EC91

Color Values

HEX

#36EC91

RGB

54, 236, 145

HSL

150.0, 82.7%, 56.9%

HSV

150.0, 77.1%, 92.5%

CMYK

77.1%, 0.0%, 38.6%, 7.5%

OKLCH

0.8345 0.1908 155.5

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#36EC91

#EC3691

Analogous

#36EC36

#36ECEC

#36EC91

Triadic

#36EC91

#9136EC

#EC9136

Split Complementary

#36EC91

#EC36EC

#EC3636

Tetradic

#36EC91

#3636EC

#EC3691

#ECEC36

Color Blindness Simulation

Original

#36EC91

Protanopia

#8586A7

Deuteranopia

#7A6DAC

Tritanopia

#3FB8BC

Achromatopsia

#BFBFBF

CSS Usage

background-color: #36EC91;
color: #36EC91;
border-color: #36EC91;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF7
100
#E1FAED
200
#BEF9DB
300
#8FF4C2
400
#53EFA1
500
#16E980
600
#12BA66
700
#0E9552
800
#0B7440
900
#0C5530
950
#08351F

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

13.56: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