#7AB2EA

#7AB2EA

Color Values

HEX

#7AB2EA

RGB

122, 178, 234

HSL

210.0, 72.7%, 69.8%

HSV

210.0, 47.9%, 91.8%

CMYK

47.9%, 23.9%, 0.0%, 8.2%

OKLCH

0.7466 0.1004 249.3

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#7AB2EA

#EAB27A

Analogous

#7AEAEA

#7A7AEA

#7AB2EA

Triadic

#7AB2EA

#EA7AB2

#B2EA7A

Split Complementary

#7AB2EA

#EA7A7A

#EAEA7A

Tetradic

#7AB2EA

#EA7AEA

#EAB27A

#7AEA7A

Color Blindness Simulation

Original

#7AB2EA

Protanopia

#9293DC

Deuteranopia

#8F8BD9

Tritanopia

#7DD2CF

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E2EDF8
200
#C1DBF5
300
#95C2EE
400
#5CA1E5
500
#2380DC
600
#1C66B0
700
#16528D
800
#11406E
900
#113050
950
#0B1F33

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

9.38:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026