#36F20D

#36F20D

Color Values

HEX

#36F20D

RGB

54, 242, 13

HSL

109.3, 89.8%, 50.0%

HSV

109.3, 94.6%, 94.9%

CMYK

77.7%, 0.0%, 94.6%, 5.1%

OKLCH

0.8376 0.2756 141.4

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#36F20D

#C90DF2

Analogous

#A8F20D

#0DF257

#36F20D

Triadic

#36F20D

#0D36F2

#F20D36

Split Complementary

#36F20D

#570DF2

#F20DA8

Tetradic

#36F20D

#0DA8F2

#C90DF2

#F2570D

Color Blindness Simulation

Original

#36F20D

Protanopia

#878944

Deuteranopia

#7C6E52

Tritanopia

#3F707A

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F4FDF2
100
#E4FBE0
200
#C7FBBB
300
#9EF98B
400
#6AF54C
500
#36F20D
600
#2BC20A
700
#229B08
800
#1B7907
900
#175809
950
#0F3706

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

13.86:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026