#24B620

#24B620

Color Values

HEX

#24B620

RGB

36, 182, 32

HSL

118.4, 70.1%, 42.0%

HSV

118.4, 82.4%, 71.4%

CMYK

80.2%, 0.0%, 82.4%, 28.6%

OKLCH

0.6769 0.2162 142.5

Properties

Cool Light Nearest: RAL 6038 Luminous Green

Color Harmonies

Complementary

#24B620

#B220B6

Analogous

#6FB620

#20B667

#24B620

Triadic

#24B620

#2024B6

#B62024

Split Complementary

#24B620

#6720B6

#B6206F

Tetradic

#24B620

#206FB6

#B220B6

#B66720

Color Blindness Simulation

Original

#24B620

Protanopia

#636444

Deuteranopia

#5B504D

Tritanopia

#2B6167

Achromatopsia

#8C8C8C

CSS Usage

background-color: #24B620;
color: #24B620;
border-color: #24B620;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FCF3
100
#E3F8E3
200
#C4F4C2
300
#99ED97
400
#62E35F
500
#2BD926
600
#22AE1E
700
#1B8B18
800
#156C13
900
#144F12
950
#0C320B

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

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