#51525b

Color #51525b

A nearly neutral, gray-leaning dark blue.

Closest named color Charcoal #36454f · ΔE 8.68 Nearest Tailwind class zinc-600 #52525c · ΔE 0.9

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

Conversions

HEX

#51525b

RGB

rgb(81, 82, 91)

HSL

hsl(234, 5.8%, 33.7%)

HSV / HSB

hsv(234, 11%, 35.7%)

CMYK

cmyk(11%, 9.9%, 0%, 64.3%)

LAB

lab(35.08, 1.64, -5.38)

LCH

lch(35.08, 5.62, 286.95)

OKLCH

oklch(44.1%, 0.0147, 280.55)

HWB

hwb(234, 31.8%, 64.3%)

Harmony colors

Complementary

#5b5a51

Analogous

#51575b

#51525b

#55515b

Triadic

#51525b

#5b5152

#525b51

Split-complementary

#51525b

#5b5551

#575b51

Tetradic

#51525b

#5a515b

#5b5a51

#525b51

Square

#51525b

#5b5157

#5b5a51

#515b55

Shades

Color #51525b mixed toward black.

#43444c

#36373d

#28292d

#1b1b1e

#0d0e0f

Tints

Color #51525b mixed toward white.

#6b6d79

#888995

#a6a7af

#c3c4ca

#e1e2e4

Tones

Color #51525b mixed toward gray.

#52535a

#535359

#535458

#545558

#555557

Accessibility

Aa White text on this color

7.76:1

Aa Black text on this color

2.71:1

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

Under color vision deficiencies

Protanopia

#515159 · ΔE 0.7

Deuteranopia

#515158 · ΔE 1.1

Tritanopia

#515757 · ΔE 6.9

Achromatopsia

#525252 · ΔE 5.2

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

Code

CSS

background-color: #51525b;

Tailwind (arbitrary value)

bg-[#51525b]

Related colors

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Ghost White #f8f8ff

Medium Blue #0000cd

Frequently asked questions

#51525b (#51525b) is rgb(81, 82, 91) in RGB.

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

Generate a palette → Check contrast