#2AA28C

#2AA28C

Color Values

HEX

#2AA28C

RGB

42, 162, 140

HSL

169.0, 58.8%, 40.0%

HSV

169.0, 74.1%, 63.5%

CMYK

74.1%, 0.0%, 13.6%, 36.5%

OKLCH

0.6424 0.1079 177.3

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#2AA28C

#A22A40

Analogous

#2AA250

#2A7CA2

#2AA28C

Triadic

#2AA28C

#8C2AA2

#A28C2A

Split Complementary

#2AA28C

#A22A7C

#A2502A

Tetradic

#2AA28C

#502AA2

#A22A40

#7CA22A

Color Blindness Simulation

Original

#2AA28C

Protanopia

#5E5F91

Deuteranopia

#574E93

Tritanopia

#309696

Achromatopsia

#878787

CSS Usage

background-color: #2AA28C;
color: #2AA28C;
border-color: #2AA28C;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FBFA
100
#E4F6F3
200
#C6F0E9
300
#9EE6D9
400
#69D8C4
500
#35CAAF
600
#2AA28C
700
#228270
800
#1A6557
900
#174A41
950
#0E2F29

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

6.65:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026