#36F731

#36F731

Color Values

HEX

#36F731

RGB

54, 247, 49

HSL

118.5, 92.5%, 58.0%

HSV

118.5, 80.2%, 96.9%

CMYK

78.1%, 0.0%, 80.2%, 3.1%

OKLCH

0.8515 0.2709 142.5

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#36F731

#F231F7

Analogous

#99F731

#31F78F

#36F731

Triadic

#36F731

#3136F7

#F73136

Split Complementary

#36F731

#8F31F7

#F73199

Tetradic

#36F731

#3199F7

#F231F7

#F78F31

Color Blindness Simulation

Original

#36F731

Protanopia

#8A8B61

Deuteranopia

#7E706C

Tritanopia

#40878F

Achromatopsia

#C0C0C0

CSS Usage

background-color: #36F731;
color: #36F731;
border-color: #36F731;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F2FDF1
100
#E0FBDF
200
#BCFCBA
300
#8CFA89
400
#4EF849
500
#0FF50A
600
#0CC408
700
#0A9D06
800
#087B05
900
#0A5908
950
#063805

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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