#341411

Color #341411

A moderately saturated very dark red.

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

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

Conversions

HEX

#341411

RGB

rgb(52, 20, 17)

HSL

hsl(5.1, 50.7%, 13.5%)

HSV / HSB

hsv(5.1, 67.3%, 20.4%)

CMYK

cmyk(0%, 61.5%, 67.3%, 79.6%)

LAB

lab(11.07, 15.78, 9.33)

LCH

lch(11.07, 18.33, 30.59)

OKLCH

oklch(23.9%, 0.0524, 27.15)

HWB

hwb(5.1, 6.7%, 79.6%)

Harmony colors

Complementary

#113134

Analogous

#34111f

#341411

#342511

Triadic

#341411

#113414

#141134

Split-complementary

#341411

#113425

#111f34

Tetradic

#341411

#313411

#113134

#141134

Square

#341411

#1f3411

#113134

#251134

Shades

Color #341411 mixed toward black.

#2b110e

#230d0b

#1a0a08

#110706

#090303

Tints

Color #341411 mixed toward white.

#6b2923

#a33f35

#c96259

#db9790

#edcbc8

Tones

Color #341411 mixed toward gray.

#311614

#2e1917

#2b1b1a

#281e1d

#252020

Accessibility

Aa White text on this color

16.74:1

Aa Black text on this color

1.25:1

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

Under color vision deficiencies

Protanopia

#292912 · ΔE 23.6

Deuteranopia

#2b2d12 · ΔE 25.6

Tritanopia

#331212 · ΔE 1.5

Achromatopsia

#1e1e1e · ΔE 16.1

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

Code

CSS

background-color: #341411;

Tailwind (arbitrary value)

bg-[#341411]

Related colors

Misty Rose #ffe4e1

Salmon #fa8072

Tomato #ff6347

Red #ff0000

Maroon #800000

Black #000000

Frequently asked questions

#341411 (#341411) is rgb(52, 20, 17) in RGB.

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

Generate a palette → Check contrast