#7AADFD

#7AADFD

Color Values

HEX

#7AADFD

RGB

122, 173, 253

HSL

216.6, 97.0%, 73.5%

HSV

216.6, 51.8%, 99.2%

CMYK

51.8%, 31.6%, 0.0%, 0.8%

OKLCH

0.7449 0.1285 259.1

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#7AADFD

#FDCA7A

Analogous

#7AEFFD

#887AFD

#7AADFD

Triadic

#7AADFD

#FD7AAD

#ADFD7A

Split Complementary

#7AADFD

#FD887A

#EFFD7A

Tetradic

#7AADFD

#FD7AEF

#FDCA7A

#7AFD88

Color Blindness Simulation

Original

#7AADFD

Protanopia

#9091EA

Deuteranopia

#8D89E5

Tritanopia

#7DDAD7

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DEEAFC
200
#B9D4FE
300
#86B5FD
400
#458DFC
500
#0464FB
600
#0350C9
700
#0240A1
800
#02327E
900
#06275B
950
#041939

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

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