#2AA164

#2AA164

Color Values

HEX

#2AA164

RGB

42, 161, 100

HSL

149.2, 58.6%, 39.8%

HSV

149.2, 73.9%, 63.1%

CMYK

73.9%, 0.0%, 37.9%, 36.9%

OKLCH

0.6295 0.1384 155.8

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#2AA164

#A12A67

Analogous

#2CA12A

#2AA19F

#2AA164

Triadic

#2AA164

#642AA1

#A1642A

Split Complementary

#2AA164

#9F2AA1

#A12A2C

Tetradic

#2AA164

#2A2CA1

#A12A67

#A19F2A

Color Blindness Simulation

Original

#2AA164

Protanopia

#5E5F73

Deuteranopia

#574E76

Tritanopia

#307E81

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F4FBF7
100
#E4F6ED
200
#C6F0DB
300
#9EE6C1
400
#69D89F
500
#35CA7E
600
#2AA264
700
#228150
800
#1A653F
900
#174A30
950
#0E2F1E

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

6.38:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026