#a7382d

Color #a7382d

A moderately saturated medium red.

Closest named color Brown #a52a2a · ΔE 5.46 Nearest Tailwind class red-800 #9f0712 · ΔE 6.7

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

Conversions

HEX

#a7382d

RGB

rgb(167, 56, 45)

HSL

hsl(5.4, 57.5%, 41.6%)

HSV / HSB

hsv(5.4, 73.1%, 65.5%)

CMYK

cmyk(0%, 66.5%, 73.1%, 34.5%)

LAB

lab(39.97, 44.93, 31.66)

LCH

lch(39.97, 54.96, 35.17)

OKLCH

oklch(50%, 0.1481, 29.04)

HWB

hwb(5.4, 17.6%, 34.5%)

Harmony colors

Complementary

#2d9ca7

Analogous

#a72d5f

#a7382d

#a7752d

Triadic

#a7382d

#2da738

#382da7

Split-complementary

#a7382d

#2da775

#2d5fa7

Tetradic

#a7382d

#9ca72d

#2d9ca7

#382da7

Square

#a7382d

#5fa72d

#2d9ca7

#752da7

Shades

Color #a7382d mixed toward black.

#8b2f26

#6f251e

#541c17

#38130f

#1c0908

Tints

Color #a7382d mixed toward white.

#ca483c

#d56d63

#df918a

#eab6b1

#f4dad8

Tones

Color #a7382d mixed toward gray.

#9d4037

#934941

#89514c

#7e5956

#746260

Accessibility

Aa White text on this color

6.47:1

Aa Black text on this color

3.25:1

White text reads better on this background (6.47:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#858530 · ΔE 42

Deuteranopia

#8b9131 · ΔE 46.2

Tritanopia

#a43233 · ΔE 3.6

Achromatopsia

#5e5e5e · ΔE 25.2

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

Code

CSS

background-color: #a7382d;

Tailwind (arbitrary value)

bg-[#a7382d]

Related colors

Misty Rose #ffe4e1

Salmon #fa8072

Tomato #ff6347

Red #ff0000

Maroon #800000

Black #000000

Frequently asked questions

#a7382d (#a7382d) is rgb(167, 56, 45) in RGB.

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

Generate a palette → Check contrast