#2AA299

#2AA299

Color Values

HEX

#2AA299

RGB

42, 162, 153

HSL

175.5, 58.8%, 40.0%

HSV

175.5, 74.1%, 63.5%

CMYK

74.1%, 0.0%, 5.6%, 36.5%

OKLCH

0.6466 0.1025 187.4

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#2AA299

#A22A33

Analogous

#2AA25D

#2A6FA2

#2AA299

Triadic

#2AA299

#992AA2

#A2992A

Split Complementary

#2AA299

#A22A6F

#A25D2A

Tetradic

#2AA299

#5D2AA2

#A22A33

#6FA22A

Color Blindness Simulation

Original

#2AA299

Protanopia

#5E5F9B

Deuteranopia

#574E9C

Tritanopia

#309D9D

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E4F6F5
200
#C6F0ED
300
#9EE6E0
400
#69D8D0
500
#35CABF
600
#2AA299
700
#22827A
800
#1A6560
900
#174A46
950
#0E2F2C

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

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