#2AE817

#2AE817

Color Values

HEX

#2AE817

RGB

42, 232, 23

HSL

114.5, 82.0%, 50.0%

HSV

114.5, 90.1%, 91.0%

CMYK

81.9%, 0.0%, 90.1%, 9.0%

OKLCH

0.8101 0.2669 142.0

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#2AE817

#D517E8

Analogous

#93E817

#17E86C

#2AE817

Triadic

#2AE817

#172AE8

#E8172A

Split Complementary

#2AE817

#6C17E8

#E81793

Tetradic

#2AE817

#1793E8

#D517E8

#E86C17

Color Blindness Simulation

Original

#2AE817

Protanopia

#7C7E4A

Deuteranopia

#716356

Tritanopia

#34727A

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F3FDF2
100
#E3FAE1
200
#C3F9BE
300
#99F490
400
#61EE53
500
#2AE817
600
#22BA12
700
#1B950F
800
#15740B
900
#13540D
950
#0C3508

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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