#56759a

Color #56759a

A muted medium blue.

Closest named color Steel Blue #4682b4 · ΔE 10.16 Nearest Tailwind class slate-500 #62748e · ΔE 4

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

Conversions

HEX

#56759a

RGB

rgb(86, 117, 154)

HSL

hsl(212.6, 28.3%, 47.1%)

HSV / HSB

hsv(212.6, 44.2%, 60.4%)

CMYK

cmyk(44.2%, 24%, 0%, 39.6%)

LAB

lab(48.3, -0.91, -23.49)

LCH

lch(48.3, 23.51, 267.78)

OKLCH

oklch(55.4%, 0.0683, 253.32)

HWB

hwb(212.6, 33.7%, 39.6%)

Harmony colors

Complementary

#9a7b56

Analogous

#56979a

#56759a

#59569a

Triadic

#56759a

#9a5675

#759a56

Split-complementary

#56759a

#9a5956

#979a56

Tetradic

#56759a

#7b569a

#9a7b56

#759a56

Square

#56759a

#9a5697

#9a7b56

#569a59

Shades

Color #56759a mixed toward black.

#486280

#394e67

#2b3b4d

#1d2733

#0e141a

Tints

Color #56759a mixed toward white.

#6f8cae

#8ca3bf

#a8bacf

#c5d1df

#e2e8ef

Tones

Color #56759a mixed toward gray.

#5c7694

#61768f

#677789

#6d7783

#72787e

Accessibility

Aa White text on this color

4.77:1

Aa Black text on this color

4.41:1

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

Under color vision deficiencies

Protanopia

#656592 · ΔE 10.7

Deuteranopia

#636190 · ΔE 11.6

Tritanopia

#588c8a · ΔE 19.6

Achromatopsia

#737373 · ΔE 15.4

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

Code

CSS

background-color: #56759a;

Tailwind (arbitrary value)

bg-[#56759a]

Related colors

Light Steel Blue #b0c4de

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Alice Blue #f0f8ff

Steel Blue #4682b4

Frequently asked questions

#56759a (#56759a) is rgb(86, 117, 154) in RGB.

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

Generate a palette → Check contrast