#36C95F

#36C95F

Color Values

HEX

#36C95F

RGB

54, 201, 95

HSL

136.7, 57.6%, 50.0%

HSV

136.7, 73.1%, 78.8%

CMYK

73.1%, 0.0%, 52.7%, 21.2%

OKLCH

0.7368 0.1912 148.2

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#36C95F

#C936A0

Analogous

#57C936

#36C9A8

#36C95F

Triadic

#36C95F

#5F36C9

#C95F36

Split Complementary

#36C95F

#A836C9

#C93657

Tetradic

#36C95F

#3657C9

#C936A0

#C9A836

Color Blindness Simulation

Original

#36C95F

Protanopia

#767779

Deuteranopia

#6D627F

Tritanopia

#3D8D91

Achromatopsia

#A2A2A2

CSS Usage

background-color: #36C95F;
color: #36C95F;
border-color: #36C95F;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F4FBF6
100
#E4F6E9
200
#C7F0D2
300
#9FE5B2
400
#6AD789
500
#36C95F
600
#2BA14C
700
#23813D
800
#1B642F
900
#174A25
950
#0F2E18

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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