#4d1d14

Color #4d1d14

A moderately saturated very dark red.

Closest named color Saddle Brown #8b4513 · ΔE 31.01 Nearest Tailwind class orange-950 #441306 · ΔE 2.8

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

Conversions

HEX

#4d1d14

RGB

rgb(77, 29, 20)

HSL

hsl(9.5, 58.8%, 19%)

HSV / HSB

hsv(9.5, 74%, 30.2%)

CMYK

cmyk(0%, 62.3%, 74%, 69.8%)

LAB

lab(17.95, 21.98, 17.3)

LCH

lch(17.95, 27.97, 38.21)

OKLCH

oklch(30.1%, 0.0751, 32.38)

HWB

hwb(9.5, 7.8%, 69.8%)

Harmony colors

Complementary

#14444d

Analogous

#4d1427

#4d1d14

#4d3914

Triadic

#4d1d14

#144d1d

#1d144d

Split-complementary

#4d1d14

#144d39

#14274d

Tetradic

#4d1d14

#444d14

#14444d

#1d144d

Square

#4d1d14

#274d14

#14444d

#39144d

Shades

Color #4d1d14 mixed toward black.

#401811

#33130d

#260e0a

#1a0a07

#0d0503

Tints

Color #4d1d14 mixed toward white.

#843222

#ba4630

#d46e5b

#e39e92

#f1cfc8

Tones

Color #4d1d14 mixed toward gray.

#482019

#43231d

#3f2722

#3a2a27

#352d2c

Accessibility

Aa White text on this color

13.99:1

Aa Black text on this color

1.5:1

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

Under color vision deficiencies

Protanopia

#3d3d16 · ΔE 26.2

Deuteranopia

#404317 · ΔE 28.2

Tritanopia

#4b1819 · ΔE 4.4

Achromatopsia

#2c2c2c · ΔE 19.9

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

Code

CSS

background-color: #4d1d14;

Tailwind (arbitrary value)

bg-[#4d1d14]

Related colors

Tomato #ff6347

Salmon #fa8072

Misty Rose #ffe4e1

Dark Salmon #e9967a

Coral #ff7f50

Orange Red #ff4500

Frequently asked questions

#4d1d14 (#4d1d14) is rgb(77, 29, 20) in RGB.

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

Generate a palette → Check contrast