#7AB396

#7AB396

Color Values

HEX

#7AB396

RGB

122, 179, 150

HSL

149.5, 27.3%, 59.0%

HSV

149.5, 31.8%, 70.2%

CMYK

31.8%, 0.0%, 16.2%, 29.8%

OKLCH

0.719 0.0733 161.7

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#7AB396

#B37A97

Analogous

#7AB37A

#7AB3B3

#7AB396

Triadic

#7AB396

#967AB3

#B3967A

Split Complementary

#7AB396

#B37AB3

#B37A7A

Tetradic

#7AB396

#7A7AB3

#B37A97

#B3B37A

Color Blindness Simulation

Original

#7AB396

Protanopia

#93939D

Deuteranopia

#8F8B9F

Tritanopia

#7DA3A4

Achromatopsia

#A5A5A5

CSS Usage

background-color: #7AB396;
color: #7AB396;
border-color: #7AB396;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F6F9F7
100
#E9F1ED
200
#D2E5DB
300
#B1D3C2
400
#87BAA0
500
#5DA27F
600
#4A8266
700
#3B6851
800
#2E513F
900
#253C30
950
#17261E

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

8.72:1

AA Pass AAA Pass

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