#596e7f

Color #596e7f

A muted medium blue.

Closest named color Slate Gray #708090 · ΔE 7.71 Nearest Tailwind class slate-500 #62748e · ΔE 5.5

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

Conversions

HEX

#596e7f

RGB

rgb(89, 110, 127)

HSL

hsl(206.8, 17.6%, 42.4%)

HSV / HSB

hsv(206.8, 29.9%, 49.8%)

CMYK

cmyk(29.9%, 13.4%, 0%, 50.2%)

LAB

lab(45.37, -3.48, -11.94)

LCH

lch(45.37, 12.44, 253.75)

OKLCH

oklch(52.8%, 0.0367, 242.95)

HWB

hwb(206.8, 34.9%, 50.2%)

Harmony colors

Complementary

#7f6a59

Analogous

#597f7d

#596e7f

#595b7f

Triadic

#596e7f

#7f596e

#6e7f59

Split-complementary

#596e7f

#7f595b

#7f7d59

Tetradic

#596e7f

#6a597f

#7f6a59

#6e7f59

Square

#596e7f

#7d597f

#7f6a59

#5b7f59

Shades

Color #596e7f mixed toward black.

#4a5c6a

#3b4955

#2d3740

#1e252a

#0f1215

Tints

Color #596e7f mixed toward white.

#6f879a

#8c9fae

#a9b7c2

#c5cfd7

#e2e7eb

Tones

Color #596e7f mixed toward gray.

#5c6e7c

#5f6d79

#636d76

#666d72

#696c6f

Accessibility

Aa White text on this color

5.3:1

Aa Black text on this color

3.96:1

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

Under color vision deficiencies

Protanopia

#63637b · ΔE 11.5

Deuteranopia

#62607a · ΔE 12.9

Tritanopia

#5a7877 · ΔE 11.1

Achromatopsia

#6b6b6b · ΔE 10.1

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

Code

CSS

background-color: #596e7f;

Tailwind (arbitrary value)

bg-[#596e7f]

Related colors

Steel Blue #4682b4

Alice Blue #f0f8ff

Dodger Blue #1e90ff

Charcoal #36454f

Light Slate Gray #778899

Slate Gray #708090

Frequently asked questions

#596e7f (#596e7f) is rgb(89, 110, 127) in RGB.

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

Generate a palette → Check contrast