#51312a

Color #51312a

A muted dark red.

Closest named color Charcoal #36454f · ΔE 25.41 Nearest Tailwind class orange-950 #441306 · ΔE 9.4

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

Conversions

HEX

#51312a

RGB

rgb(81, 49, 42)

HSL

hsl(10.8, 31.7%, 24.1%)

HSV / HSB

hsv(10.8, 48.1%, 31.8%)

CMYK

cmyk(0%, 39.5%, 48.1%, 68.2%)

LAB

lab(24.04, 13.61, 10.54)

LCH

lch(24.04, 17.21, 37.76)

OKLCH

oklch(35%, 0.0487, 33)

HWB

hwb(10.8, 16.5%, 68.2%)

Harmony colors

Complementary

#2a4a51

Analogous

#512a36

#51312a

#51442a

Triadic

#51312a

#2a5131

#312a51

Split-complementary

#51312a

#2a5144

#2a3651

Tetradic

#51312a

#4a512a

#2a4a51

#312a51

Square

#51312a

#36512a

#2a4a51

#442a51

Shades

Color #51312a mixed toward black.

#432923

#36211c

#281815

#1b100e

#0d0807

Tints

Color #51312a mixed toward white.

#7b4b40

#a66456

#bd8b80

#d3b1aa

#e9d8d5

Tones

Color #51312a mixed toward gray.

#4e332d

#4a3530

#473734

#443937

#413b3a

Accessibility

Aa White text on this color

11.52:1

Aa Black text on this color

1.82:1

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

Under color vision deficiencies

Protanopia

#45452c · ΔE 22

Deuteranopia

#47492c · ΔE 23.9

Tritanopia

#502d2d · ΔE 3.8

Achromatopsia

#393939 · ΔE 15.1

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

Code

CSS

background-color: #51312a;

Tailwind (arbitrary value)

bg-[#51312a]

Related colors

Tomato #ff6347

Dark Salmon #e9967a

Salmon #fa8072

Misty Rose #ffe4e1

Coral #ff7f50

Orange Red #ff4500

Frequently asked questions

#51312a (#51312a) is rgb(81, 49, 42) in RGB.

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

Generate a palette → Check contrast