#501f1b

Color #501f1b

A moderately saturated dark red.

Closest named color Black #000000 · ΔE 32.8 Nearest Tailwind class orange-950 #441306 · ΔE 4.6

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

Conversions

HEX

#501f1b

RGB

rgb(80, 31, 27)

HSL

hsl(4.5, 49.5%, 21%)

HSV / HSB

hsv(4.5, 66.3%, 31.4%)

CMYK

cmyk(0%, 61.2%, 66.3%, 68.6%)

LAB

lab(19.08, 22.67, 14.07)

LCH

lch(19.08, 26.68, 31.83)

OKLCH

oklch(31.1%, 0.0747, 26.98)

HWB

hwb(4.5, 10.6%, 68.6%)

Harmony colors

Complementary

#1b4c50

Analogous

#501b32

#501f1b

#503a1b

Triadic

#501f1b

#1b501f

#1f1b50

Split-complementary

#501f1b

#1b503a

#1b3250

Tetradic

#501f1b

#4c501b

#1b4c50

#1f1b50

Square

#501f1b

#32501b

#1b4c50

#3a1b50

Shades

Color #501f1b mixed toward black.

#431a17

#351512

#28100e

#1b0a09

#0d0505

Tints

Color #501f1b mixed toward white.

#82322c

#b4463d

#cc7068

#dda09b

#eecfcd

Tones

Color #501f1b mixed toward gray.

#4c231f

#472724

#432a28

#3e2e2d

#3a3231

Accessibility

Aa White text on this color

13.52:1

Aa Black text on this color

1.55:1

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

Under color vision deficiencies

Protanopia

#40401c · ΔE 27.7

Deuteranopia

#42451c · ΔE 29.6

Tritanopia

#4e1d1d · ΔE 1.9

Achromatopsia

#2e2e2e · ΔE 19.8

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

Code

CSS

background-color: #501f1b;

Tailwind (arbitrary value)

bg-[#501f1b]

Related colors

Misty Rose #ffe4e1

Salmon #fa8072

Red #ff0000

Maroon #800000

Black #000000

Brown #a52a2a

Frequently asked questions

#501f1b (#501f1b) is rgb(80, 31, 27) in RGB.

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

Generate a palette → Check contrast