#59767a

Color #59767a

A muted medium cyan.

Closest named color Slate Gray #708090 · ΔE 10.24 Nearest Tailwind class mist-500 #67787c · ΔE 4.4

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

Conversions

HEX

#59767a

RGB

rgb(89, 118, 122)

HSL

hsl(187.3, 15.6%, 41.4%)

HSV / HSB

hsv(187.3, 27%, 47.8%)

CMYK

cmyk(27%, 3.3%, 0%, 52.2%)

LAB

lab(47.6, -9.41, -5.61)

LCH

lch(47.6, 10.96, 210.8)

OKLCH

oklch(54.5%, 0.034, 206.72)

HWB

hwb(187.3, 34.9%, 52.2%)

Harmony colors

Complementary

#7a5d59

Analogous

#597a6e

#59767a

#59667a

Triadic

#59767a

#7a5976

#767a59

Split-complementary

#59767a

#7a5966

#7a6e59

Tetradic

#59767a

#5d597a

#7a5d59

#767a59

Square

#59767a

#6e597a

#7a5d59

#667a59

Shades

Color #59767a mixed toward black.

#4a6266

#3b4f51

#2d3b3d

#1e2729

#0f1414

Tints

Color #59767a mixed toward white.

#6f9196

#8ca7ab

#a9bdc0

#c5d3d5

#e2e9ea

Tones

Color #59767a mixed toward gray.

#5c7477

#5f7275

#617072

#646e6f

#676c6c

Accessibility

Aa White text on this color

4.89:1

Aa Black text on this color

4.3:1

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

Under color vision deficiencies

Protanopia

#676779 · ΔE 16.3

Deuteranopia

#656379 · ΔE 18.5

Tritanopia

#5b7878 · ΔE 2.2

Achromatopsia

#717171 · ΔE 11.3

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

Code

CSS

background-color: #59767a;

Tailwind (arbitrary value)

bg-[#59767a]

Related colors

Powder Blue #b0e0e6

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#59767a (#59767a) is rgb(89, 118, 122) in RGB.

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

Generate a palette → Check contrast