#36C94F

#36C94F

Color Values

HEX

#36C94F

RGB

54, 201, 79

HSL

130.2, 57.6%, 50.0%

HSV

130.2, 73.1%, 78.8%

CMYK

73.1%, 0.0%, 60.7%, 21.2%

OKLCH

0.7347 0.2043 145.6

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#36C94F

#C936B0

Analogous

#67C936

#36C998

#36C94F

Triadic

#36C94F

#4F36C9

#C94F36

Split Complementary

#36C94F

#9836C9

#C93667

Tetradic

#36C94F

#3667C9

#C936B0

#C99836

Color Blindness Simulation

Original

#36C94F

Protanopia

#76776C

Deuteranopia

#6D6274

Tritanopia

#3D8489

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F4FBF5
100
#E4F6E7
200
#C7F0CE
300
#9FE5AB
400
#6AD77D
500
#36C94F
600
#2BA13F
700
#238133
800
#1B6428
900
#174A20
950
#0F2E14

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.62:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026