#2AA003

#2AA003

Color Values

HEX

#2AA003

RGB

42, 160, 3

HSL

105.1, 96.3%, 32.0%

HSV

105.1, 98.1%, 62.7%

CMYK

73.8%, 0.0%, 98.1%, 37.3%

OKLCH

0.6169 0.2002 140.6

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#2AA003

#7903A0

Analogous

#79A003

#03A02B

#2AA003

Triadic

#2AA003

#032AA0

#A0032A

Split Complementary

#2AA003

#2B03A0

#A00379

Tetradic

#2AA003

#0379A0

#7903A0

#A02B03

Color Blindness Simulation

Original

#2AA003

Protanopia

#5D5E29

Deuteranopia

#564D32

Tritanopia

#30474E

Achromatopsia

#7C7C7C

CSS Usage

background-color: #2AA003;
color: #2AA003;
border-color: #2AA003;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F4FEF1
100
#E6FCDF
200
#CAFEB9
300
#A4FD87
400
#73FC46
500
#42FA05
600
#35C804
700
#2AA003
800
#217D02
900
#1B5A06
950
#113904

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

6.13:1

AA Pass AAA Fail

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