#7AA0CE

#7AA0CE

Color Values

HEX

#7AA0CE

RGB

122, 160, 206

HSL

212.9, 46.2%, 64.3%

HSV

212.9, 40.8%, 80.8%

CMYK

40.8%, 22.3%, 0.0%, 19.2%

OKLCH

0.6953 0.0799 253.6

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7AA0CE

#CEA87A

Analogous

#7ACACE

#7E7ACE

#7AA0CE

Triadic

#7AA0CE

#CE7AA0

#A0CE7A

Split Complementary

#7AA0CE

#CE7E7A

#CACE7A

Tetradic

#7AA0CE

#CE7ACA

#CEA87A

#7ACE7E

Color Blindness Simulation

Original

#7AA0CE

Protanopia

#8A8BC3

Deuteranopia

#8885C0

Tritanopia

#7CBAB8

Achromatopsia

#9B9B9B

CSS Usage

background-color: #7AA0CE;
color: #7AA0CE;
border-color: #7AA0CE;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F7FA
100
#E6ECF4
200
#CBDAEC
300
#A6BFDE
400
#759CCC
500
#457ABA
600
#376195
700
#2C4E77
800
#223D5D
900
#1C2F45
950
#121D2B

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

7.75:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026