#7AD9AC

#7AD9AC

Color Values

HEX

#7AD9AC

RGB

122, 217, 172

HSL

151.6, 55.6%, 66.5%

HSV

151.6, 43.8%, 85.1%

CMYK

43.8%, 0.0%, 20.7%, 14.9%

OKLCH

0.8142 0.112 162.0

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#7AD9AC

#D97AA7

Analogous

#7AD97D

#7AD7D9

#7AD9AC

Triadic

#7AD9AC

#AC7AD9

#D9AC7A

Split Complementary

#7AD9AC

#D97AD7

#D97D7A

Tetradic

#7AD9AC

#7D7AD9

#D97AA7

#D7D97A

Color Blindness Simulation

Original

#7AD9AC

Protanopia

#A3A4B7

Deuteranopia

#9E96BA

Tritanopia

#7FBFC1

Achromatopsia

#C2C2C2

CSS Usage

background-color: #7AD9AC;
color: #7AD9AC;
border-color: #7AD9AC;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F4FBF8
100
#E5F6EE
200
#C7EFDC
300
#A0E4C4
400
#6CD5A3
500
#39C683
600
#2D9F69
700
#247F54
800
#1C6342
900
#184932
950
#0F2E1F

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.35:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026