#24F421

#24F421

Color Values

HEX

#24F421

RGB

36, 244, 33

HSL

119.1, 90.6%, 54.3%

HSV

119.1, 86.5%, 95.7%

CMYK

85.2%, 0.0%, 86.5%, 4.3%

OKLCH

0.8408 0.2766 142.5

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#24F421

#F121F4

Analogous

#8EF421

#21F487

#24F421

Triadic

#24F421

#2124F4

#F42124

Split Complementary

#24F421

#8721F4

#F4218E

Tetradic

#24F421

#218EF4

#F121F4

#F48721

Color Blindness Simulation

Original

#24F421

Protanopia

#7E8054

Deuteranopia

#726260

Tritanopia

#2E7C85

Achromatopsia

#B9B9B9

CSS Usage

background-color: #24F421;
color: #24F421;
border-color: #24F421;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F2FDF1
100
#E0FBDF
200
#BCFCBB
300
#8CF98A
400
#4EF64B
500
#0FF30C
600
#0CC20A
700
#0A9C08
800
#087A06
900
#0A5809
950
#063806

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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