#2AF452

#2AF452

Color Values

HEX

#2AF452

RGB

42, 244, 82

HSL

131,9, 90,2%, 56,1%

HSV

131,9, 82,8%, 95,7%

CMYK

82,8%, 0,0%, 66,4%, 4,3%

OKLCH

0,8444 0,2529 145,2

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#2AF452

#F42ACC

Analogous

#67F42A

#2AF4B7

#2AF452

Triadic

#2AF452

#522AF4

#F4522A

Split Complementary

#2AF452

#B72AF4

#F42A67

Tetradic

#2AF452

#2A67F4

#F42ACC

#F4B72A

Color Blindness Simulation

Original

#2AF452

Protanopia

#828379

Deuteranopia

#766783

Tritanopia

#34989F

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F1FDF4
100
#DFFBE5
200
#BBFCC8
300
#8BF9A0
400
#4CF66D
500
#0CF33A
600
#0AC22E
700
#089B25
800
#06791D
900
#095819
950
#063710

Contrast Checker

Text on white

1,48:1

AA Fail AAA Fail

Text on black

14,16:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026