#5e9bd3

Color #5e9bd3

A moderately saturated medium blue.

Closest named color Steel Blue #4682b4 · ΔE 9.94 Nearest Tailwind class blue-400 #51a2ff · ΔE 4.6

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

Conversions

HEX

#5e9bd3

RGB

rgb(94, 155, 211)

HSL

hsl(208.7, 57.1%, 59.8%)

HSV / HSB

hsv(208.7, 55.5%, 82.7%)

CMYK

cmyk(55.5%, 26.5%, 0%, 17.3%)

LAB

lab(62.1, -3.6, -34.62)

LCH

lch(62.1, 34.81, 264.06)

OKLCH

oklch(67.1%, 0.105, 247.66)

HWB

hwb(208.7, 36.9%, 17.3%)

Harmony colors

Complementary

#d3965e

Analogous

#5ed3d0

#5e9bd3

#5e60d3

Triadic

#5e9bd3

#d35e9b

#9bd35e

Split-complementary

#5e9bd3

#d35e60

#d3d05e

Tetradic

#5e9bd3

#965ed3

#d3965e

#9bd35e

Square

#5e9bd3

#d05ed3

#d3965e

#60d35e

Shades

Color #5e9bd3 mixed toward black.

#3782c8

#2c68a0

#214e78

#163450

#0b1a28

Tints

Color #5e9bd3 mixed toward white.

#79acda

#94bce2

#aecde9

#c9def0

#e4eef8

Tones

Color #5e9bd3 mixed toward gray.

#689bc9

#719ac0

#7b9ab6

#8599ac

#8f99a2

Accessibility

Aa White text on this color

2.96:1

Aa Black text on this color

7.11:1

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

Under color vision deficiencies

Protanopia

#7d7ec7 · ΔE 15.1

Deuteranopia

#7975c4 · ΔE 17.2

Tritanopia

#62bdbb · ΔE 22.2

Achromatopsia

#969696 · ΔE 19.6

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

Code

CSS

background-color: #5e9bd3;

Tailwind (arbitrary value)

bg-[#5e9bd3]

Related colors

Alice Blue #f0f8ff

Dodger Blue #1e90ff

Light Slate Gray #778899

Slate Gray #708090

Steel Blue #4682b4

Charcoal #36454f

Frequently asked questions

#5e9bd3 (#5e9bd3) is rgb(94, 155, 211) in RGB.

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

Generate a palette → Check contrast