#4a8ee7

Color #4a8ee7

A vivid, highly saturated medium blue.

Closest named color Cornflower Blue #6495ed · ΔE 4.63 Nearest Tailwind class blue-500 #2b7fff · ΔE 5.2

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

Conversions

HEX

#4a8ee7

RGB

rgb(74, 142, 231)

HSL

hsl(214, 76.6%, 59.8%)

HSV / HSB

hsv(214, 68%, 90.6%)

CMYK

cmyk(68%, 38.5%, 0%, 9.4%)

LAB

lab(58.57, 6.91, -51.37)

LCH

lch(58.57, 51.83, 277.66)

OKLCH

oklch(64.5%, 0.1507, 256.07)

HWB

hwb(214, 29%, 9.4%)

Harmony colors

Complementary

#e7a34a

Analogous

#4adde7

#4a8ee7

#544ae7

Triadic

#4a8ee7

#e74a8e

#8ee74a

Split-complementary

#4a8ee7

#e7544a

#dde74a

Tetradic

#4a8ee7

#a34ae7

#e7a34a

#8ee74a

Square

#4a8ee7

#e74add

#e7a34a

#4ae754

Shades

Color #4a8ee7 mixed toward black.

#1e72e0

#185bb4

#124487

#0c2e5a

#06172d

Tints

Color #4a8ee7 mixed toward white.

#68a1eb

#86b4ef

#a4c7f3

#c3d9f7

#e1ecfb

Tones

Color #4a8ee7 mixed toward gray.

#5790da

#6492cd

#7193c0

#7e95b3

#8b97a6

Accessibility

Aa White text on this color

3.33:1

Aa Black text on this color

6.31:1

Black text reads better on this background (6.31:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#6e6fd6 · ΔE 14.4

Deuteranopia

#6a65d1 · ΔE 17.2

Tritanopia

#4fc7c3 · ΔE 31

Achromatopsia

#8d8d8d · ΔE 24

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

Code

CSS

background-color: #4a8ee7;

Tailwind (arbitrary value)

bg-[#4a8ee7]

Related colors

Light Steel Blue #b0c4de

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Cornflower Blue #6495ed

Alice Blue #f0f8ff

Frequently asked questions

#4a8ee7 (#4a8ee7) is rgb(74, 142, 231) in RGB.

No, #4a8ee7 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast