#281111

Color #281111

A moderately saturated very dark red.

Closest named color Black #000000 · ΔE 15.17 Nearest Tailwind class mauve-900 #1d161e · ΔE 9.3

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

Conversions

HEX

#281111

RGB

rgb(40, 17, 17)

HSL

hsl(0, 40.4%, 11.2%)

HSV / HSB

hsv(0, 57.5%, 15.7%)

CMYK

cmyk(0%, 57.5%, 57.5%, 84.3%)

LAB

lab(8.06, 11.95, 4.74)

LCH

lch(8.06, 12.86, 21.64)

OKLCH

oklch(21.2%, 0.0384, 20.89)

HWB

hwb(0, 6.7%, 84.3%)

Harmony colors

Complementary

#112828

Analogous

#28111d

#281111

#281d11

Triadic

#281111

#112811

#111128

Split-complementary

#281111

#11281d

#111d28

Tetradic

#281111

#282811

#112828

#111128

Square

#281111

#1d2811

#112828

#1d1128

Shades

Color #281111 mixed toward black.

#210e0e

#1b0b0b

#140909

#0d0606

#070303

Tints

Color #281111 mixed toward white.

#5d2828

#923e3e

#bc6060

#d29595

#e9caca

Tones

Color #281111 mixed toward gray.

#261313

#241515

#221717

#201919

#1e1b1b

Accessibility

Aa White text on this color

17.82:1

Aa Black text on this color

1.18:1

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

Under color vision deficiencies

Protanopia

#202011 · ΔE 19.6

Deuteranopia

#212311 · ΔE 22

Tritanopia

#271111 · ΔE 0.5

Achromatopsia

#181818 · ΔE 13.1

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

Code

CSS

background-color: #281111;

Tailwind (arbitrary value)

bg-[#281111]

Related colors

Red #ff0000

Maroon #800000

Black #000000

Brown #a52a2a

Dark Gray #a9a9a9

Dark Red #8b0000

Frequently asked questions

#281111 (#281111) is rgb(40, 17, 17) in RGB.

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

Generate a palette → Check contrast