#7EAEF8

Color Details

HEX
#7EAEF8
RGB
rgb(126, 174, 248)
HSL
hsl(216, 90%, 73%)
CMYK
cmyk(49%, 30%, 0%, 3%)
Best text on this color #000000 (CR 9.30:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7eaef8
Contrast 9.30:1 AAA
White on #7eaef8
Contrast 2.26:1 Fail
#7eaef8 on Black
Contrast 9.30:1 AAA
#7eaef8 on White
Contrast 2.26:1 Fail

Tints & Shades

#98bef9
#b2cefb
#cbdffc
#658bc6
#4c6895
#324663

Complement & Analogous

#f8c77c
#897cf8
#7cecf8

Triadic

#f87cae
#aef87c

Monochrome

#324663 #4c6895 #7eaef8 #b2cefb #cbdffc #e5effe

Analogous

#7cecf8 #a3f2fa #7eaef8 #a196f9 #897cf8 #6e63c6

Complementary Mix

#4c6895 #7eaef8 #b2cefb #f8c77c #fadbaa #a18151

Nearby Colors

#7eaef7
#7eaef9
#7eaee8
#7eaf08

Embed #7EAEF8 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #7EAEF8

#7EAEF8 converts to RGB(126, 174, 248) and HSL(216, 90%, 73%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#7EAEF8 FAQs

What is the RGB value of #7EAEF8?
RGB: 126, 174, 248. Copy as CSS: rgb(126, 174, 248)
Is #7EAEF8 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #7EAEF8?
Complement: #f8c77c.
Does #7EAEF8 have good contrast on white or black?
On white: 2.26:1 (Fails AA). On black: 9.30:1 (AAA (normal text)).