#24EB20

#24EB20

Color Values

HEX

#24EB20

RGB

36, 235, 32

HSL

118.8, 83.5%, 52.4%

HSV

118.8, 86.4%, 92.2%

CMYK

84.7%, 0.0%, 86.4%, 7.8%

OKLCH

0.8175 0.2684 142.5

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#24EB20

#E720EB

Analogous

#8AEB20

#20EB82

#24EB20

Triadic

#24EB20

#2024EB

#EB2024

Split Complementary

#24EB20

#8220EB

#EB208A

Tetradic

#24EB20

#208AEB

#E720EB

#EB8220

Color Blindness Simulation

Original

#24EB20

Protanopia

#7A7C51

Deuteranopia

#6F605D

Tritanopia

#2E7880

Achromatopsia

#B2B2B2

CSS Usage

background-color: #24EB20;
color: #24EB20;
border-color: #24EB20;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F2FDF2
100
#E1FAE0
200
#BFF9BD
300
#91F58F
400
#55EF52
500
#19EA15
600
#14BB11
700
#10960D
800
#0D750B
900
#0D550C
950
#093608

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

12.98:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026