#2AA281

#2AA281

Color Values

HEX

#2AA281

RGB

42, 162, 129

HSL

163.5, 58.8%, 40.0%

HSV

163.5, 74.1%, 63.5%

CMYK

74.1%, 0.0%, 20.4%, 36.5%

OKLCH

0.6392 0.1149 169.9

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#2AA281

#A22A4B

Analogous

#2AA245

#2A87A2

#2AA281

Triadic

#2AA281

#812AA2

#A2812A

Split Complementary

#2AA281

#A22A87

#A2452A

Tetradic

#2AA281

#452AA2

#A22A4B

#87A22A

Color Blindness Simulation

Original

#2AA281

Protanopia

#5E5F89

Deuteranopia

#574E8B

Tritanopia

#308F91

Achromatopsia

#868686

CSS Usage

background-color: #2AA281;
color: #2AA281;
border-color: #2AA281;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F4FBF9
100
#E4F6F1
200
#C6F0E5
300
#9EE6D2
400
#69D8BA
500
#35CAA1
600
#2AA281
700
#228267
800
#1A6551
900
#174A3C
950
#0E2F26

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

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