#7DAEF2

#7DAEF2

Color Values

HEX

#7DAEF2

RGB

125, 174, 242

HSL

214.9, 81.8%, 72.0%

HSV

214.9, 48.3%, 94.9%

CMYK

48.3%, 28.1%, 0.0%, 5.1%

OKLCH

0.7433 0.1121 256.7

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#7DAEF2

#F2C17D

Analogous

#7DE8F2

#877DF2

#7DAEF2

Triadic

#7DAEF2

#F27DAE

#AEF27D

Split Complementary

#7DAEF2

#F2877D

#E8F27D

Tetradic

#7DAEF2

#F27DE8

#F2C17D

#7DF287

Color Blindness Simulation

Original

#7DAEF2

Protanopia

#9293E2

Deuteranopia

#8F8CDE

Tritanopia

#7FD5D2

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E1EBFA
200
#BED7F9
300
#90BAF4
400
#5394EE
500
#176EE8
600
#1358B9
700
#0F4794
800
#0C3774
900
#0D2B54
950
#081B35

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

9.21:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026