#7AA0BE

#7AA0BE

Color Values

HEX

#7AA0BE

RGB

122, 160, 190

HSL

206.5, 34.3%, 61.2%

HSV

206.5, 35.8%, 74.5%

CMYK

35.8%, 15.8%, 0.0%, 25.5%

OKLCH

0.6887 0.0609 242.5

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7AA0BE

#BE987A

Analogous

#7ABEBA

#7A7EBE

#7AA0BE

Triadic

#7AA0BE

#BE7AA0

#A0BE7A

Split Complementary

#7AA0BE

#BE7A7E

#BEBA7A

Tetradic

#7AA0BE

#BA7ABE

#BE987A

#7EBE7A

Color Blindness Simulation

Original

#7AA0BE

Protanopia

#8A8BB7

Deuteranopia

#8885B5

Tritanopia

#7CB1B0

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDDE8
300
#ADC4D7
400
#80A4C1
500
#5485AB
600
#436A89
700
#36556E
800
#2A4256
900
#21323F
950
#152028

Contrast Checker

Text on white

2.76:1

AA Fail AAA Fail

Text on black

7.6:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026