#2AA025

#2AA025

Color Values

HEX

#2AA025

RGB

42, 160, 37

HSL

117.6, 62.4%, 38.6%

HSV

117.6, 76.9%, 62.7%

CMYK

73.8%, 0.0%, 76.9%, 37.3%

OKLCH

0.6183 0.1887 142.4

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#2AA025

#9B25A0

Analogous

#67A025

#25A05E

#2AA025

Triadic

#2AA025

#252AA0

#A0252A

Split Complementary

#2AA025

#5E25A0

#A02567

Tetradic

#2AA025

#2567A0

#9B25A0

#A05E25

Color Blindness Simulation

Original

#2AA025

Protanopia

#5D5E43

Deuteranopia

#564D4A

Tritanopia

#305A5F

Achromatopsia

#7E7E7E

CSS Usage

background-color: #2AA025;
color: #2AA025;
border-color: #2AA025;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F4FBF3
100
#E4F7E4
200
#C7F2C5
300
#9FE89C
400
#6ADC66
500
#36CF30
600
#2BA626
700
#23851F
800
#1B6818
900
#174C15
950
#0F300D

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

6.15:1

AA Pass AAA Fail

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026