#7AE2AE

#7AE2AE

Color Values

HEX

#7AE2AE

RGB

122, 226, 174

HSL

150,0, 64,2%, 68,2%

HSV

150,0, 46,0%, 88,6%

CMYK

46,0%, 0,0%, 23,0%, 11,4%

OKLCH

0,8359 0,1231 160,3

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#7AE2AE

#E27AAE

Analogous

#7AE27A

#7AE2E2

#7AE2AE

Triadic

#7AE2AE

#AE7AE2

#E2AE7A

Split Complementary

#7AE2AE

#E27AE2

#E27A7A

Tetradic

#7AE2AE

#7A7AE2

#E27AAE

#E2E27A

Color Blindness Simulation

Original

#7AE2AE

Protanopia

#A7A8BB

Deuteranopia

#A199BE

Tritanopia

#7FC5C7

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E3F7ED
200
#C4F2DB
300
#9BE9C2
400
#64DDA1
500
#2ED180
600
#25A766
700
#1D8652
800
#176940
900
#144C30
950
#0D301F

Contrast Checker

Text on white

1,58:1

AA Fail AAA Fail

Text on black

13,32:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026