#36D334

#36D334

Color Values

HEX

#36D334

RGB

54, 211, 52

HSL

119.2, 64.4%, 51.6%

HSV

119.2, 75.4%, 82.7%

CMYK

74.4%, 0.0%, 75.4%, 17.3%

OKLCH

0.7585 0.2329 142.7

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#36D334

#D134D3

Analogous

#86D334

#34D381

#36D334

Triadic

#36D334

#3436D3

#D33436

Split Complementary

#36D334

#8134D3

#D33486

Tetradic

#36D334

#3486D3

#D134D3

#D38134

Color Blindness Simulation

Original

#36D334

Protanopia

#7A7B5A

Deuteranopia

#716564

Tritanopia

#3E7980

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E4F7E3
200
#C5F2C4
300
#9BE99A
400
#66DD64
500
#30D22D
600
#26A824
700
#1E861D
800
#186917
900
#154D14
950
#0D300D

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

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