#84150e

Color #84150e

A vivid, highly saturated dark red.

Closest named color Maroon #800000 · ΔE 5.1 Nearest Tailwind class red-900 #82181a · ΔE 3.4

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

Conversions

HEX

#84150e

RGB

rgb(132, 21, 14)

HSL

hsl(3.6, 80.8%, 28.6%)

HSV / HSB

hsv(3.6, 89.4%, 51.8%)

CMYK

cmyk(0%, 84.1%, 89.4%, 48.2%)

LAB

lab(28.05, 45.11, 34.73)

LCH

lch(28.05, 56.93, 37.59)

OKLCH

oklch(39.7%, 0.1464, 29.24)

HWB

hwb(3.6, 5.5%, 48.2%)

Harmony colors

Complementary

#0e7d84

Analogous

#840e42

#84150e

#84500e

Triadic

#84150e

#0e8415

#150e84

Split-complementary

#84150e

#0e8450

#0e4284

Tetradic

#84150e

#7d840e

#0e7d84

#150e84

Square

#84150e

#42840e

#0e7d84

#500e84

Shades

Color #84150e mixed toward black.

#6e120c

#580e09

#420b07

#2c0705

#160402

Tints

Color #84150e mixed toward white.

#bb1e14

#e82f24

#ee635a

#f39791

#f9cbc8

Tones

Color #84150e mixed toward gray.

#7a1e18

#702622

#662f2b

#5d3835

#53403f

Accessibility

Aa White text on this color

10.03:1

Aa Black text on this color

2.09:1

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

Under color vision deficiencies

Protanopia

#666610 · ΔE 39.9

Deuteranopia

#6b7110 · ΔE 43.8

Tritanopia

#811112 · ΔE 1.9

Achromatopsia

#424242 · ΔE 25.5

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

Code

CSS

background-color: #84150e;

Tailwind (arbitrary value)

bg-[#84150e]

Related colors

Misty Rose #ffe4e1

Salmon #fa8072

Red #ff0000

Maroon #800000

Black #000000

Brown #a52a2a

Frequently asked questions

#84150e (#84150e) is rgb(132, 21, 14) in RGB.

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

Generate a palette → Check contrast