#2AD54C

#2AD54C

Color Values

HEX

#2AD54C

RGB

42, 213, 76

HSL

131.9, 67.1%, 50.0%

HSV

131.9, 80.3%, 83.5%

CMYK

80.3%, 0.0%, 64.3%, 16.5%

OKLCH

0.7637 0.2232 145.6

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#2AD54C

#D52AB3

Analogous

#5ED52A

#2AD5A1

#2AD54C

Triadic

#2AD54C

#4C2AD5

#D54C2A

Split Complementary

#2AD54C

#A12AD5

#D52A5E

Tetradic

#2AD54C

#2A5ED5

#D52AB3

#D5A12A

Color Blindness Simulation

Original

#2AD54C

Protanopia

#74766D

Deuteranopia

#6A5D75

Tritanopia

#33878D

Achromatopsia

#A7A7A7

CSS Usage

background-color: #2AD54C;
color: #2AD54C;
border-color: #2AD54C;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FCF5
100
#E3F7E7
200
#C3F3CD
300
#99EBA9
400
#61E07A
500
#2AD54C
600
#22AA3D
700
#1B8831
800
#156B26
900
#134E1F
950
#0C3113

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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