#a7352d

Color #a7352d

A moderately saturated medium red.

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

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

Conversions

HEX

#a7352d

RGB

rgb(167, 53, 45)

HSL

hsl(3.9, 57.5%, 41.6%)

HSV / HSB

hsv(3.9, 73.1%, 65.5%)

CMYK

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

LAB

lab(39.5, 46.21, 31.12)

LCH

lch(39.5, 55.71, 33.96)

OKLCH

oklch(49.6%, 0.1511, 27.91)

HWB

hwb(3.9, 17.6%, 34.5%)

Harmony colors

Complementary

#2d9fa7

Analogous

#a72d62

#a7352d

#a7722d

Triadic

#a7352d

#2da735

#352da7

Split-complementary

#a7352d

#2da772

#2d62a7

Tetradic

#a7352d

#9fa72d

#2d9fa7

#352da7

Square

#a7352d

#62a72d

#2d9fa7

#722da7

Shades

Color #a7352d mixed toward black.

#8b2c26

#6f231e

#541b17

#38120f

#1c0908

Tints

Color #a7352d mixed toward white.

#ca453c

#d56a63

#df8f8a

#eab5b1

#f4dad8

Tones

Color #a7352d mixed toward gray.

#9d3e37

#934741

#89504c

#7e5856

#746160

Accessibility

Aa White text on this color

6.58:1

Aa Black text on this color

3.19:1

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

Under color vision deficiencies

Protanopia

#85842f · ΔE 42.4

Deuteranopia

#8a9130 · ΔE 47.4

Tritanopia

#a43131 · ΔE 2.5

Achromatopsia

#5d5d5d · ΔE 25.4

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

Code

CSS

background-color: #a7352d;

Tailwind (arbitrary value)

bg-[#a7352d]

Related colors

Misty Rose #ffe4e1

Salmon #fa8072

Red #ff0000

Maroon #800000

Black #000000

Brown #a52a2a

Frequently asked questions

#a7352d (#a7352d) is rgb(167, 53, 45) in RGB.

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

Generate a palette → Check contrast