#7AA5FF

#7AA5FF

Color Values

HEX

#7AA5FF

RGB

122, 165, 255

HSL

220.6, 100.0%, 73.9%

HSV

220.6, 52.2%, 100.0%

CMYK

52.2%, 35.3%, 0.0%, 0.0%

OKLCH

0.7293 0.1396 263.9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#7AA5FF

#FFD47A

Analogous

#7AE7FF

#917AFF

#7AA5FF

Triadic

#7AA5FF

#FF7AA5

#A5FF7A

Split Complementary

#7AA5FF

#FF917A

#E7FF7A

Tetradic

#7AA5FF

#FF7AE7

#FFD47A

#7AFF91

Color Blindness Simulation

Original

#7AA5FF

Protanopia

#8D8DE9

Deuteranopia

#8A87E4

Tritanopia

#7CD8D4

Achromatopsia

#A2A2A2

CSS Usage

background-color: #7AA5FF;
color: #7AA5FF;
border-color: #7AA5FF;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F5FE
100
#DEE8FC
200
#B8CFFF
300
#85ACFF
400
#427FFF
500
#0052FF
600
#0042CC
700
#0035A3
800
#002980
900
#05215C
950
#03153A

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

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