#505661

Color #505661

A nearly neutral, gray-leaning dark blue.

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

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

Conversions

HEX

#505661

RGB

rgb(80, 86, 97)

HSL

hsl(218.8, 9.6%, 34.7%)

HSV / HSB

hsv(218.8, 17.5%, 38%)

CMYK

cmyk(17.5%, 11.3%, 0%, 62%)

LAB

lab(36.41, 0.22, -7.16)

LCH

lch(36.41, 7.16, 271.76)

OKLCH

oklch(45.2%, 0.0196, 262.66)

HWB

hwb(218.8, 31.4%, 62%)

Harmony colors

Complementary

#615b50

Analogous

#505e61

#505661

#525061

Triadic

#505661

#615056

#566150

Split-complementary

#505661

#615250

#5e6150

Tetradic

#505661

#5b5061

#615b50

#566150

Square

#505661

#61505e

#615b50

#506152

Shades

Color #505661 mixed toward black.

#434851

#353941

#282b30

#1b1d20

#0d0e10

Tints

Color #505661 mixed toward white.

#69717f

#858d9b

#a4a9b4

#c2c6cd

#e1e2e6

Tones

Color #505661 mixed toward gray.

#515660

#53575e

#54575d

#56585b

#57585a

Accessibility

Aa White text on this color

7.38:1

Aa Black text on this color

2.84:1

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

Under color vision deficiencies

Protanopia

#53535e · ΔE 3.4

Deuteranopia

#52525e · ΔE 3.7

Tritanopia

#505c5c · ΔE 8

Achromatopsia

#565656 · ΔE 6.2

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

Code

CSS

background-color: #505661;

Tailwind (arbitrary value)

bg-[#505661]

Related colors

Cornflower Blue #6495ed

Light Steel Blue #b0c4de

Royal Blue #4169e1

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Frequently asked questions

#505661 (#505661) is rgb(80, 86, 97) in RGB.

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

Generate a palette → Check contrast