#840f00

Color #840f00

A vivid, highly saturated dark red.

Closest named color Maroon #800000 · ΔE 3.26 Nearest Tailwind class orange-900 #7e2a0c · ΔE 4.8

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

Conversions

HEX

#840f00

RGB

rgb(132, 15, 0)

HSL

hsl(6.8, 100%, 25.9%)

HSV / HSB

hsv(6.8, 100%, 51.8%)

CMYK

cmyk(0%, 88.6%, 100%, 48.2%)

LAB

lab(27.43, 46.35, 40.1)

LCH

lch(27.43, 61.29, 40.86)

OKLCH

oklch(39.2%, 0.1514, 31.33)

HWB

hwb(6.8, 0%, 48.2%)

Harmony colors

Complementary

#007584

Analogous

#840033

#840f00

#845100

Triadic

#840f00

#00840f

#0f0084

Split-complementary

#840f00

#008451

#003384

Tetradic

#840f00

#758400

#007584

#0f0084

Square

#840f00

#338400

#007584

#510084

Shades

Color #840f00 mixed toward black.

#6e0c00

#580a00

#420700

#2c0500

#160200

Tints

Color #840f00 mixed toward white.

#c31600

#ff2003

#ff5742

#ff8f81

#ffc7c0

Tones

Color #840f00 mixed toward gray.

#79170b

#6e2016

#632921

#58312c

#4d3a37

Accessibility

Aa White text on this color

10.25:1

Aa Black text on this color

2.05:1

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

Under color vision deficiencies

Protanopia

#666504 · ΔE 39.5

Deuteranopia

#6b7005 · ΔE 43.2

Tritanopia

#810707 · ΔE 2.5

Achromatopsia

#414141 · ΔE 26.1

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

Code

CSS

background-color: #840f00;

Tailwind (arbitrary value)

bg-[#840f00]

Related colors

Salmon #fa8072

Misty Rose #ffe4e1

Tomato #ff6347

Red #ff0000

Maroon #800000

Black #000000

Frequently asked questions

#840f00 (#840f00) is rgb(132, 15, 0) in RGB.

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

Generate a palette → Check contrast