#7A8AAA

#7A8AAA

Color Values

HEX

#7A8AAA

RGB

122, 138, 170

HSL

220.0, 22.0%, 57.3%

HSV

220.0, 28.2%, 66.7%

CMYK

28.2%, 18.8%, 0.0%, 33.3%

OKLCH

0.6323 0.0518 264.1

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#7A8AAA

#AA9A7A

Analogous

#7AA2AA

#827AAA

#7A8AAA

Triadic

#7A8AAA

#AA7A8A

#8AAA7A

Split Complementary

#7A8AAA

#AA827A

#A2AA7A

Tetradic

#7A8AAA

#AA7AA2

#AA9A7A

#7AAA82

Color Blindness Simulation

Original

#7A8AAA

Protanopia

#8181A2

Deuteranopia

#807FA0

Tritanopia

#7B9C9B

Achromatopsia

#898989

CSS Usage

background-color: #7A8AAA;
color: #7A8AAA;
border-color: #7A8AAA;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D3D9E3
300
#B4BDCF
400
#8C9AB5
500
#63769C
600
#505F7C
700
#404C64
800
#323B4E
900
#272D3A
950
#191D25

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

6.04:1

AA Pass AAA Fail

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