#36F138

#36F138

Color Values

HEX

#36F138

RGB

54, 241, 56

HSL

120.6, 87.0%, 57.8%

HSV

120.6, 77.6%, 94.5%

CMYK

77.6%, 0.0%, 76.8%, 5.5%

OKLCH

0.8365 0.2619 142.9

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#36F138

#F136EF

Analogous

#92F136

#36F195

#36F138

Triadic

#36F138

#3836F1

#F13836

Split Complementary

#36F138

#9536F1

#F13692

Tetradic

#36F138

#3692F1

#F136EF

#F19536

Color Blindness Simulation

Original

#36F138

Protanopia

#878965

Deuteranopia

#7C6E70

Tritanopia

#3F8890

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E0FAE0
200
#BCFABD
300
#8DF78E
400
#4FF350
500
#11EE13
600
#0DBF0F
700
#0B990C
800
#087709
900
#0B560B
950
#073707

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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