#36ED95

#36ED95

Color Values

HEX

#36ED95

RGB

54, 237, 149

HSL

151.1, 83.6%, 57.1%

HSV

151.1, 77.2%, 92.9%

CMYK

77.2%, 0.0%, 37.1%, 7.1%

OKLCH

0.8377 0.1885 156.3

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#36ED95

#ED368E

Analogous

#36ED3A

#36EAED

#36ED95

Triadic

#36ED95

#9536ED

#ED9536

Split Complementary

#36ED95

#ED36EA

#ED3A36

Tetradic

#36ED95

#3A36ED

#ED368E

#EAED36

Color Blindness Simulation

Original

#36ED95

Protanopia

#8587AA

Deuteranopia

#7B6DAF

Tritanopia

#3FBBBF

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E0FAEE
200
#BDF9DC
300
#8FF5C4
400
#52F0A4
500
#15EA83
600
#11BB69
700
#0D9654
800
#0A7542
900
#0C5532
950
#08361F

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

13.7:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026