#7AA9DF

#7AA9DF

Color Values

HEX

#7AA9DF

RGB

122, 169, 223

HSL

212.1, 61.2%, 67.6%

HSV

212.1, 45.3%, 87.5%

CMYK

45.3%, 24.2%, 0.0%, 12.5%

OKLCH

0.7223 0.094 252.5

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#7AA9DF

#DFB07A

Analogous

#7ADBDF

#7D7ADF

#7AA9DF

Triadic

#7AA9DF

#DF7AA9

#A9DF7A

Split Complementary

#7AA9DF

#DF7D7A

#DBDF7A

Tetradic

#7AA9DF

#DF7ADB

#DFB07A

#7ADF7D

Color Blindness Simulation

Original

#7AA9DF

Protanopia

#8E8FD2

Deuteranopia

#8C88CF

Tritanopia

#7CC8C5

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F3F7FB
100
#E4EDF6
200
#C5DAF1
300
#9CBFE7
400
#679DDA
500
#317ACE
600
#2862A4
700
#204E84
800
#193D67
900
#162F4B
950
#0E1D2F

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

8.57:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026