#59698a

Color #59698a

A muted medium blue.

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

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

Conversions

HEX

#59698a

RGB

rgb(89, 105, 138)

HSL

hsl(220.4, 21.6%, 44.5%)

HSV / HSB

hsv(220.4, 35.5%, 54.1%)

CMYK

cmyk(35.5%, 23.9%, 0%, 45.9%)

LAB

lab(44.32, 2.52, -20.12)

LCH

lch(44.32, 20.28, 277.14)

OKLCH

oklch(52.1%, 0.056, 264.46)

HWB

hwb(220.4, 34.9%, 45.9%)

Harmony colors

Complementary

#8a7a59

Analogous

#59818a

#59698a

#61598a

Triadic

#59698a

#8a5969

#698a59

Split-complementary

#59698a

#8a6159

#818a59

Tetradic

#59698a

#7a598a

#8a7a59

#698a59

Square

#59698a

#8a5981

#8a7a59

#598a61

Shades

Color #59698a mixed toward black.

#4a5773

#3b465c

#2c3445

#1e232e

#0f1117

Tints

Color #59698a mixed toward white.

#7080a3

#8c9ab5

#a9b3c8

#c6ccda

#e2e6ed

Tones

Color #59698a mixed toward gray.

#5d6a86

#616c82

#656d7e

#696f7a

#6d7076

Accessibility

Aa White text on this color

5.51:1

Aa Black text on this color

3.81:1

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

Under color vision deficiencies

Protanopia

#606083 · ΔE 6.6

Deuteranopia

#5f5e81 · ΔE 7.2

Tritanopia

#5a7d7c · ΔE 19.1

Achromatopsia

#696969 · ΔE 14

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

Code

CSS

background-color: #59698a;

Tailwind (arbitrary value)

bg-[#59698a]

Related colors

Cornflower Blue #6495ed

Royal Blue #4169e1

Light Steel Blue #b0c4de

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Frequently asked questions

#59698a (#59698a) is rgb(89, 105, 138) in RGB.

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

Generate a palette → Check contrast