#7AAAE7

#7AAAE7

Color Values

HEX

#7AAAE7

RGB

122, 170, 231

HSL

213.6, 69.4%, 69.2%

HSV

213.6, 47.2%, 90.6%

CMYK

47.2%, 26.4%, 0.0%, 9.4%

OKLCH

0.728 0.1031 254.8

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#7AAAE7

#E7B77A

Analogous

#7AE0E7

#807AE7

#7AAAE7

Triadic

#7AAAE7

#E77AAA

#AAE77A

Split Complementary

#7AAAE7

#E7807A

#E0E77A

Tetradic

#7AAAE7

#E77AE0

#E7B77A

#7AE780

Color Blindness Simulation

Original

#7AAAE7

Protanopia

#8F8FD8

Deuteranopia

#8C88D5

Tritanopia

#7CCDCA

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3ECF8
200
#C3D8F4
300
#97BDEC
400
#5F99E2
500
#2775D8
600
#1F5EAD
700
#194B8A
800
#143A6C
900
#122D4F
950
#0B1C32

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

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