#2AA26C

#2AA26C

Color Values

HEX

#2AA26C

RGB

42, 162, 108

HSL

153.0, 58.8%, 40.0%

HSV

153.0, 74.1%, 63.5%

CMYK

74.1%, 0.0%, 33.3%, 36.5%

OKLCH

0.6339 0.1323 158.8

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#2AA26C

#A22A60

Analogous

#2AA230

#2A9CA2

#2AA26C

Triadic

#2AA26C

#6C2AA2

#A26C2A

Split Complementary

#2AA26C

#A22A9C

#A2302A

Tetradic

#2AA26C

#302AA2

#A22A60

#9CA22A

Color Blindness Simulation

Original

#2AA26C

Protanopia

#5E5F79

Deuteranopia

#574E7C

Tritanopia

#308386

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E4F6EE
200
#C6F0DD
300
#9EE6C5
400
#69D8A6
500
#35CA87
600
#2AA26C
700
#228256
800
#1A6543
900
#174A33
950
#0E2F20

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

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