#2AF20D

#2AF20D

Color Values

HEX

#2AF20D

RGB

42, 242, 13

HSL

112.4, 89.8%, 50.0%

HSV

112.4, 94.6%, 94.9%

CMYK

82.6%, 0.0%, 94.6%, 5.1%

OKLCH

0.8358 0.2779 141.9

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#2AF20D

#D50DF2

Analogous

#9DF20D

#0DF262

#2AF20D

Triadic

#2AF20D

#0D2AF2

#F20D2A

Split Complementary

#2AF20D

#620DF2

#F20D9D

Tetradic

#2AF20D

#0D9DF2

#D50DF2

#F2620D

Color Blindness Simulation

Original

#2AF20D

Protanopia

#818244

Deuteranopia

#756652

Tritanopia

#34707A

Achromatopsia

#B7B7B7

CSS Usage

background-color: #2AF20D;
color: #2AF20D;
border-color: #2AF20D;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F3FDF2
100
#E3FBE0
200
#C3FBBB
300
#99F98B
400
#61F54C
500
#2AF20D
600
#22C20A
700
#1B9B08
800
#157907
900
#135809
950
#0C3706

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

13.81:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026