#731f0b

Color #731f0b

A vivid, highly saturated dark red.

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

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

Conversions

HEX

#731f0b

RGB

rgb(115, 31, 11)

HSL

hsl(11.5, 82.5%, 24.7%)

HSV / HSB

hsv(11.5, 90.4%, 45.1%)

CMYK

cmyk(0%, 73%, 90.4%, 54.9%)

LAB

lab(25.71, 35.81, 32.71)

LCH

lch(25.71, 48.5, 42.41)

OKLCH

oklch(37.3%, 0.1211, 34.23)

HWB

hwb(11.5, 4.3%, 54.9%)

Harmony colors

Complementary

#0b5f73

Analogous

#730b2b

#731f0b

#73530b

Triadic

#731f0b

#0b731f

#1f0b73

Split-complementary

#731f0b

#0b7353

#0b2b73

Tetradic

#731f0b

#5f730b

#0b5f73

#1f0b73

Square

#731f0b

#2b730b

#0b5f73

#530b73

Shades

Color #731f0b mixed toward black.

#601a09

#4d1507

#390f06

#260a04

#130502

Tints

Color #731f0b mixed toward white.

#ad2f11

#e83e16

#ee6e50

#f49e8a

#f9cfc5

Tones

Color #731f0b mixed toward gray.

#6a2414

#622a1c

#592f25

#50342e

#483a36

Accessibility

Aa White text on this color

10.88:1

Aa Black text on this color

1.93:1

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

Under color vision deficiencies

Protanopia

#5a5a12 · ΔE 33.8

Deuteranopia

#5e6313 · ΔE 36.9

Tritanopia

#701616 · ΔE 5.5

Achromatopsia

#3d3d3d · ΔE 24.2

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

Code

CSS

background-color: #731f0b;

Tailwind (arbitrary value)

bg-[#731f0b]

Related colors

Tomato #ff6347

Dark Salmon #e9967a

Coral #ff7f50

Orange Red #ff4500

Salmon #fa8072

Misty Rose #ffe4e1

Frequently asked questions

#731f0b (#731f0b) is rgb(115, 31, 11) in RGB.

No, #731f0b is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast