#7AA0DA

#7AA0DA

Color Values

HEX

#7AA0DA

RGB

122, 160, 218

HSL

216.2, 56.5%, 66.7%

HSV

216.2, 44.0%, 85.5%

CMYK

44.0%, 26.6%, 0.0%, 14.5%

OKLCH

0.7007 0.0955 258.6

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#7AA0DA

#DAB47A

Analogous

#7AD0DA

#847ADA

#7AA0DA

Triadic

#7AA0DA

#DA7AA0

#A0DA7A

Split Complementary

#7AA0DA

#DA847A

#D0DA7A

Tetradic

#7AA0DA

#DA7AD0

#DAB47A

#7ADA84

Color Blindness Simulation

Original

#7AA0DA

Protanopia

#8A8BCC

Deuteranopia

#8885C9

Tritanopia

#7CC1BE

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5EBF6
200
#C7D7EF
300
#9FBBE4
400
#6B96D6
500
#3771C8
600
#2C5AA0
700
#234880
800
#1C3864
900
#182B49
950
#0F1B2E

Contrast Checker

Text on white

2.67:1

AA Fail AAA Fail

Text on black

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