#7eb2df

Color #7eb2df

A moderately saturated light blue.

Closest named color Light Sky Blue #87cefa · ΔE 10.61 Nearest Tailwind class blue-300 #8ec5ff · ΔE 5.7

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

Conversions

HEX

#7eb2df

RGB

rgb(126, 178, 223)

HSL

hsl(207.8, 60.2%, 68.4%)

HSV / HSB

hsv(207.8, 43.5%, 87.5%)

CMYK

cmyk(43.5%, 20.2%, 0%, 12.5%)

LAB

lab(70.6, -5.43, -27.98)

LCH

lch(70.6, 28.5, 259.02)

OKLCH

oklch(74.4%, 0.0854, 245.45)

HWB

hwb(207.8, 49.4%, 12.5%)

Harmony colors

Complementary

#dfab7e

Analogous

#7edfdb

#7eb2df

#7e81df

Triadic

#7eb2df

#df7eb2

#b2df7e

Split-complementary

#7eb2df

#df7e81

#dfdb7e

Tetradic

#7eb2df

#ab7edf

#dfab7e

#b2df7e

Square

#7eb2df

#db7edf

#dfab7e

#81df7e

Shades

Color #7eb2df mixed toward black.

#4f96d3

#2e79ba

#235b8c

#173d5d

#0c1e2f

Tints

Color #7eb2df mixed toward white.

#93bfe4

#a9ccea

#bed8ef

#d4e5f4

#e9f2fa

Tones

Color #7eb2df mixed toward gray.

#86b1d7

#8eb1cf

#96b0c7

#9eb0bf

#a6afb7

Accessibility

Aa White text on this color

2.25:1

Aa Black text on this color

9.32:1

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

Under color vision deficiencies

Protanopia

#9798d5 · ΔE 14.2

Deuteranopia

#9490d3 · ΔE 15.7

Tritanopia

#81cdcb · ΔE 18.9

Achromatopsia

#adadad · ΔE 17.6

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

Code

CSS

background-color: #7eb2df;

Tailwind (arbitrary value)

bg-[#7eb2df]

Related colors

Alice Blue #f0f8ff

Steel Blue #4682b4

Dodger Blue #1e90ff

Light Slate Gray #778899

Slate Gray #708090

Charcoal #36454f

Frequently asked questions

#7eb2df (#7eb2df) is rgb(126, 178, 223) in RGB.

No, #7eb2df 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 #7eb2df, or check how it holds up for accessibility.

Generate a palette → Check contrast