#7AA2AA

#7AA2AA

Color Values

HEX

#7AA2AA

RGB

122, 162, 170

HSL

190.0, 22.0%, 57.3%

HSV

190.0, 28.2%, 66.7%

CMYK

28.2%, 4.7%, 0.0%, 33.3%

OKLCH

0.6857 0.045 211.3

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#7AA2AA

#AA827A

Analogous

#7AAA9A

#7A8AAA

#7AA2AA

Triadic

#7AA2AA

#AA7AA2

#A2AA7A

Split Complementary

#7AA2AA

#AA7A8A

#AA9A7A

Tetradic

#7AA2AA

#9A7AAA

#AA827A

#8AAA7A

Color Blindness Simulation

Original

#7AA2AA

Protanopia

#8B8CA8

Deuteranopia

#8986A8

Tritanopia

#7CA7A6

Achromatopsia

#9A9A9A

CSS Usage

background-color: #7AA2AA;
color: #7AA2AA;
border-color: #7AA2AA;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D3E1E3
300
#B4CBCF
400
#8CAEB5
500
#63929C
600
#50757C
700
#405E64
800
#32494E
900
#27373A
950
#192325

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

7.58: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