#7AE1AF

#7AE1AF

Color Values

HEX

#7AE1AF

RGB

122, 225, 175

HSL

150,9, 63,2%, 68,0%

HSV

150,9, 45,8%, 88,2%

CMYK

45,8%, 0,0%, 22,2%, 11,8%

OKLCH

0,8338 0,1209 161,1

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#7AE1AF

#E17AAC

Analogous

#7AE17B

#7ADFE1

#7AE1AF

Triadic

#7AE1AF

#AF7AE1

#E1AF7A

Split Complementary

#7AE1AF

#E17ADF

#E17B7A

Tetradic

#7AE1AF

#7B7AE1

#E17AAC

#DFE17A

Color Blindness Simulation

Original

#7AE1AF

Protanopia

#A7A7BB

Deuteranopia

#A199BE

Tritanopia

#7FC5C7

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F3FBF7
100
#E4F7ED
200
#C5F2DC
300
#9BE8C3
400
#65DCA2
500
#2FD082
600
#26A668
700
#1E8553
800
#176841
900
#154C31
950
#0D301F

Contrast Checker

Text on white

1,59:1

AA Fail AAA Fail

Text on black

13,22: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