#7AAFEE

#7AAFEE

Color Values

HEX

#7AAFEE

RGB

122, 175, 238

HSL

212.6, 77.3%, 70.6%

HSV

212.6, 48.7%, 93.3%

CMYK

48.7%, 26.5%, 0.0%, 6.7%

OKLCH

0.7419 0.1076 253.4

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#7AAFEE

#EEB97A

Analogous

#7AE9EE

#7F7AEE

#7AAFEE

Triadic

#7AAFEE

#EE7AAF

#AFEE7A

Split Complementary

#7AAFEE

#EE7F7A

#E9EE7A

Tetradic

#7AAFEE

#EE7AE9

#EEB97A

#7AEE7F

Color Blindness Simulation

Original

#7AAFEE

Protanopia

#9191DF

Deuteranopia

#8E8ADB

Tritanopia

#7DD3D0

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E1ECF9
200
#C0D9F7
300
#92BEF1
400
#589AEA
500
#1D77E2
600
#175FB5
700
#134C91
800
#0E3B71
900
#0F2E52
950
#091D34

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

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