#36C960

#36C960

Color Values

HEX

#36C960

RGB

54, 201, 96

HSL

137.1, 57.6%, 50.0%

HSV

137.1, 73.1%, 78.8%

CMYK

73.1%, 0.0%, 52.2%, 21.2%

OKLCH

0.7369 0.1903 148.4

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#36C960

#C9369F

Analogous

#56C936

#36C9A9

#36C960

Triadic

#36C960

#6036C9

#C96036

Split Complementary

#36C960

#A936C9

#C93656

Tetradic

#36C960

#3656C9

#C9369F

#C9A936

Color Blindness Simulation

Original

#36C960

Protanopia

#767779

Deuteranopia

#6D627F

Tritanopia

#3D8D92

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F4FBF6
100
#E4F6E9
200
#C7F0D2
300
#9FE5B3
400
#6AD789
500
#36C960
600
#2BA14D
700
#23813D
800
#1B6430
900
#174A26
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

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026