#50586b

Color #50586b

A nearly neutral, gray-leaning dark blue.

Closest named color Charcoal #36454f · ΔE 10.93 Nearest Tailwind class gray-600 #4a5565 · ΔE 2.8

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

Conversions

HEX

#50586b

RGB

rgb(80, 88, 107)

HSL

hsl(222.2, 14.4%, 36.7%)

HSV / HSB

hsv(222.2, 25.2%, 42%)

CMYK

cmyk(25.2%, 17.8%, 0%, 58%)

LAB

lab(37.38, 1.54, -11.92)

LCH

lch(37.38, 12.02, 277.36)

OKLCH

oklch(46.1%, 0.0326, 267.19)

HWB

hwb(222.2, 31.4%, 58%)

Harmony colors

Complementary

#6b6350

Analogous

#50666b

#50586b

#56506b

Triadic

#50586b

#6b5058

#586b50

Split-complementary

#50586b

#6b5650

#666b50

Tetradic

#50586b

#63506b

#6b6350

#586b50

Square

#50586b

#6b5066

#6b6350

#506b56

Shades

Color #50586b mixed toward black.

#434959

#353b47

#282c36

#1b1d24

#0d0f12

Tints

Color #50586b mixed toward white.

#67718a

#848da3

#a3aaba

#c1c6d1

#e0e3e8

Tones

Color #50586b mixed toward gray.

#525969

#555a67

#575b64

#595c62

#5b5d60

Accessibility

Aa White text on this color

7.12:1

Aa Black text on this color

2.95:1

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

Under color vision deficiencies

Protanopia

#545467 · ΔE 4.1

Deuteranopia

#535266 · ΔE 4.9

Tritanopia

#506363 · ΔE 12.9

Achromatopsia

#585858 · ΔE 9.5

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

Code

CSS

background-color: #50586b;

Tailwind (arbitrary value)

bg-[#50586b]

Related colors

Royal Blue #4169e1

Cornflower Blue #6495ed

Light Steel Blue #b0c4de

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Frequently asked questions

#50586b (#50586b) is rgb(80, 88, 107) in RGB.

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

Generate a palette → Check contrast