#2AE718

#2AE718

Color Values

HEX

#2AE718

RGB

42, 231, 24

HSL

114,8, 81,2%, 50,0%

HSV

114,8, 89,6%, 90,6%

CMYK

81,8%, 0,0%, 89,6%, 9,4%

OKLCH

0,8076 0,2657 142,0

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#2AE718

#D518E7

Analogous

#91E718

#18E76E

#2AE718

Triadic

#2AE718

#182AE7

#E7182A

Split Complementary

#2AE718

#6E18E7

#E71891

Tetradic

#2AE718

#1891E7

#D518E7

#E76E18

Color Blindness Simulation

Original

#2AE718

Protanopia

#7C7D4A

Deuteranopia

#716356

Tritanopia

#33727A

Achromatopsia

#B0B0B0

CSS Usage

background-color: #2AE718;
color: #2AE718;
border-color: #2AE718;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F3FDF2
100
#E3F9E1
200
#C3F8BE
300
#99F390
400
#61ED54
500
#2AE718
600
#22B913
700
#1B940F
800
#15740C
900
#13540D
950
#0C3508

Contrast Checker

Text on white

1,67:1

AA Fail AAA Fail

Text on black

12,54:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026