#32575c

Color #32575c

A muted dark cyan.

Closest named color Dark Slate Gray #2f4f4f · ΔE 4.67 Nearest Tailwind class mist-600 #4b585b · ΔE 7.5

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

Conversions

HEX

#32575c

RGB

rgb(50, 87, 92)

HSL

hsl(187.1, 29.6%, 27.8%)

HSV / HSB

hsv(187.1, 45.7%, 36.1%)

CMYK

cmyk(45.7%, 5.4%, 0%, 63.9%)

LAB

lab(34.53, -11.73, -7.05)

LCH

lch(34.53, 13.69, 211.01)

OKLCH

oklch(43.1%, 0.0431, 206.74)

HWB

hwb(187.1, 19.6%, 63.9%)

Harmony colors

Complementary

#5c3732

Analogous

#325c4c

#32575c

#32425c

Triadic

#32575c

#5c3257

#575c32

Split-complementary

#32575c

#5c3242

#5c4c32

Tetradic

#32575c

#37325c

#5c3732

#575c32

Square

#32575c

#4c325c

#5c3732

#425c32

Shades

Color #32575c mixed toward black.

#2a484d

#213a3d

#192b2e

#111d1f

#080e0f

Tints

Color #32575c mixed toward white.

#487d84

#60a0a9

#88b8be

#afcfd4

#d7e7e9

Tones

Color #32575c mixed toward gray.

#355458

#395255

#3c4f51

#404c4e

#434a4a

Accessibility

Aa White text on this color

7.91:1

Aa Black text on this color

2.65:1

White text reads better on this background (7.91:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#45455b · ΔE 19.5

Deuteranopia

#43405b · ΔE 22

Tritanopia

#355a5a · ΔE 2.8

Achromatopsia

#515151 · ΔE 13.3

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

Code

CSS

background-color: #32575c;

Tailwind (arbitrary value)

bg-[#32575c]

Related colors

Powder Blue #b0e0e6

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#32575c (#32575c) is rgb(50, 87, 92) in RGB.

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

Generate a palette → Check contrast