#7AA89C

#7AA89C

Color Values

HEX

#7AA89C

RGB

122, 168, 156

HSL

164.3, 20.9%, 56.9%

HSV

164.3, 27.4%, 65.9%

CMYK

27.4%, 0.0%, 7.1%, 34.1%

OKLCH

0.695 0.0525 176.8

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#7AA89C

#A87A86

Analogous

#7AA885

#7A9DA8

#7AA89C

Triadic

#7AA89C

#9C7AA8

#A89C7A

Split Complementary

#7AA89C

#A87A9D

#A8857A

Tetradic

#7AA89C

#857AA8

#A87A86

#9DA87A

Color Blindness Simulation

Original

#7AA89C

Protanopia

#8E8E9F

Deuteranopia

#8B88A0

Tritanopia

#7CA1A2

Achromatopsia

#9D9D9D

CSS Usage

background-color: #7AA89C;
color: #7AA89C;
border-color: #7AA89C;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D4E3DF
300
#B5CFC8
400
#8DB4AA
500
#659A8C
600
#517B70
700
#41635A
800
#324D46
900
#273A35
950
#192421

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

7.91:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026