#7ea7f1

Color #7ea7f1

A vivid, highly saturated light blue.

Closest named color Cornflower Blue #6495ed · ΔE 10.82 Nearest Tailwind class blue-400 #51a2ff · ΔE 5.9

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#7ea7f1

RGB

rgb(126, 167, 241)

HSL

hsl(218.6, 80.4%, 72%)

HSV / HSB

hsv(218.6, 47.7%, 94.5%)

CMYK

cmyk(47.7%, 30.7%, 0%, 5.5%)

LAB

lab(68.33, 5.8, -41.32)

LCH

lch(68.33, 41.73, 277.99)

OKLCH

oklch(72.9%, 0.1172, 261.71)

HWB

hwb(218.6, 49.4%, 5.5%)

Harmony colors

Complementary

#f1c87e

Analogous

#7ee1f1

#7ea7f1

#8f7ef1

Triadic

#7ea7f1

#f17ea7

#a7f17e

Split-complementary

#7ea7f1

#f18f7e

#e1f17e

Tetradic

#7ea7f1

#c87ef1

#f1c87e

#a7f17e

Square

#7ea7f1

#f17ee1

#f1c87e

#7ef18f

Shades

Color #7ea7f1 mixed toward black.

#4781eb

#185edd

#1247a6

#0c2f6e

#061837

Tints

Color #7ea7f1 mixed toward white.

#94b6f3

#a9c4f6

#bfd3f8

#d4e2fa

#eaf0fd

Tones

Color #7ea7f1 mixed toward gray.

#88aae7

#91adde

#9bafd4

#a4b2cb

#aeb5c1

Accessibility

Aa White text on this color

2.42:1

Aa Black text on this color

8.68:1

Black text reads better on this background (8.68:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#9292e2 · ΔE 10.2

Deuteranopia

#8f8cde · ΔE 11.6

Tritanopia

#80d5d2 · ΔE 26.7

Achromatopsia

#a7a7a7 · ΔE 21.6

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #7ea7f1;

Tailwind (arbitrary value)

bg-[#7ea7f1]

Related colors

Cornflower Blue #6495ed

Light Steel Blue #b0c4de

Royal Blue #4169e1

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Frequently asked questions

#7ea7f1 (#7ea7f1) is rgb(126, 167, 241) in RGB.

No, #7ea7f1 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #7ea7f1, or check how it holds up for accessibility.

Generate a palette → Check contrast