#5e7f8c

Color #5e7f8c

A muted medium cyan.

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

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

Conversions

HEX

#5e7f8c

RGB

rgb(94, 127, 140)

HSL

hsl(197, 19.7%, 45.9%)

HSV / HSB

hsv(197, 32.9%, 54.9%)

CMYK

cmyk(32.9%, 9.3%, 0%, 45.1%)

LAB

lab(51.21, -8.33, -10.8)

LCH

lch(51.21, 13.64, 232.36)

OKLCH

oklch(57.6%, 0.0424, 224.14)

HWB

hwb(197, 36.9%, 45.1%)

Harmony colors

Complementary

#8c6b5e

Analogous

#5e8c82

#5e7f8c

#5e688c

Triadic

#5e7f8c

#8c5e7f

#7f8c5e

Split-complementary

#5e7f8c

#8c5e68

#8c825e

Tetradic

#5e7f8c

#6b5e8c

#8c6b5e

#7f8c5e

Square

#5e7f8c

#825e8c

#8c6b5e

#688c5e

Shades

Color #5e7f8c mixed toward black.

#4e6a75

#3f555d

#2f4046

#1f2a2f

#101517

Tints

Color #5e7f8c mixed toward white.

#7596a3

#91abb5

#acc0c8

#c8d5da

#e3eaed

Tones

Color #5e7f8c mixed toward gray.

#627d88

#667c84

#6a7a81

#6d787d

#717779

Accessibility

Aa White text on this color

4.29:1

Aa Black text on this color

4.89:1

Black 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

#6e6e89 · ΔE 17

Deuteranopia

#6c6988 · ΔE 19

Tritanopia

#608786 · ΔE 8

Achromatopsia

#7a7a7a · ΔE 12

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

Code

CSS

background-color: #5e7f8c;

Tailwind (arbitrary value)

bg-[#5e7f8c]

Related colors

Sky Blue #87ceeb

Deep Sky Blue #00bfff

Light Blue #add8e6

Light Sky Blue #87cefa

Charcoal #36454f

Powder Blue #b0e0e6

Frequently asked questions

#5e7f8c (#5e7f8c) is rgb(94, 127, 140) in RGB.

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

Generate a palette → Check contrast