#2AFF4F

#2AFF4F

Color Values

HEX

#2AFF4F

RGB

42, 255, 79

HSL

130.4, 100.0%, 58.2%

HSV

130.4, 83.5%, 100.0%

CMYK

83.5%, 0.0%, 69.0%, 0.0%

OKLCH

0.8722 0.2662 144.7

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#2AFF4F

#FF2ADA

Analogous

#6FFF2A

#2AFFB9

#2AFF4F

Triadic

#2AFF4F

#4F2AFF

#FF4F2A

Split Complementary

#2AFF4F

#B92AFF

#FF2A6F

Tetradic

#2AFF4F

#2A6FFF

#FF2ADA

#FFB92A

Color Blindness Simulation

Original

#2AFF4F

Protanopia

#86887A

Deuteranopia

#7A6A84

Tritanopia

#359BA3

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F1FEF3
100
#DEFCE3
200
#B8FFC4
300
#85FF9A
400
#42FF63
500
#00FF2C
600
#00CC23
700
#00A31C
800
#008016
900
#055C14
950
#033A0D

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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