#2AAF44

#2AAF44

Color Values

HEX

#2AAF44

RGB

42, 175, 68

HSL

131.7, 61.3%, 42.5%

HSV

131.7, 76.0%, 68.6%

CMYK

76.0%, 0.0%, 61.1%, 31.4%

OKLCH

0.662 0.1851 146.0

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#2AAF44

#AF2A95

Analogous

#52AF2A

#2AAF86

#2AAF44

Triadic

#2AAF44

#442AAF

#AF442A

Split Complementary

#2AAF44

#862AAF

#AF2A52

Tetradic

#2AAF44

#2A52AF

#AF2A95

#AF862A

Color Blindness Simulation

Original

#2AAF44

Protanopia

#64655E

Deuteranopia

#5C5264

Tritanopia

#317277

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F3FBF5
100
#E4F6E7
200
#C5F1CE
300
#9CE7AB
400
#67DA7D
500
#31CE50
600
#27A540
700
#208433
800
#196728
900
#164B20
950
#0E2F14

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

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