#2AE619

#2AE619

Color Values

HEX

#2AE619

RGB

42, 230, 25

HSL

115.0, 80.4%, 50.0%

HSV

115.0, 89.1%, 90.2%

CMYK

81.7%, 0.0%, 89.1%, 9.8%

OKLCH

0.805 0.2645 142.1

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#2AE619

#D519E6

Analogous

#91E619

#19E66E

#2AE619

Triadic

#2AE619

#192AE6

#E6192A

Split Complementary

#2AE619

#6E19E6

#E61991

Tetradic

#2AE619

#1991E6

#D519E6

#E66E19

Color Blindness Simulation

Original

#2AE619

Protanopia

#7B7D4B

Deuteranopia

#706256

Tritanopia

#33727A

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F3FDF2
100
#E3F9E1
200
#C3F8BF
300
#99F391
400
#61ED55
500
#2AE619
600
#22B814
700
#1B9310
800
#15730C
900
#13540D
950
#0C3508

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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