#ad3a1e

Color #ad3a1e

A vivid, highly saturated dark red.

Closest named color Firebrick #b22222 · ΔE 11.21 Nearest Tailwind class orange-800 #9f2d00 · ΔE 5.4

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

Conversions

HEX

#ad3a1e

RGB

rgb(173, 58, 30)

HSL

hsl(11.7, 70.4%, 39.8%)

HSV / HSB

hsv(11.7, 82.7%, 67.8%)

CMYK

cmyk(0%, 66.5%, 82.7%, 32.2%)

LAB

lab(41.23, 45.6, 41.48)

LCH

lch(41.23, 61.64, 42.29)

OKLCH

oklch(51.1%, 0.1556, 34.71)

HWB

hwb(11.7, 11.8%, 32.2%)

Harmony colors

Complementary

#1e91ad

Analogous

#ad1e4a

#ad3a1e

#ad811e

Triadic

#ad3a1e

#1ead3a

#3a1ead

Split-complementary

#ad3a1e

#1ead81

#1e4aad

Tetradic

#ad3a1e

#91ad1e

#1e91ad

#3a1ead

Square

#ad3a1e

#4aad1e

#1e91ad

#811ead

Shades

Color #ad3a1e mixed toward black.

#903019

#732714

#561d0f

#3a130a

#1d0a05

Tints

Color #ad3a1e mixed toward white.

#d94926

#e16d51

#e8917c

#f0b6a8

#f7dad3

Tones

Color #ad3a1e mixed toward gray.

#a1412a

#954836

#895042

#7d574e

#715e5a

Accessibility

Aa White text on this color

6.17:1

Aa Black text on this color

3.4:1

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

Under color vision deficiencies

Protanopia

#8a8927 · ΔE 41

Deuteranopia

#909629 · ΔE 45.4

Tritanopia

#a92c2e · ΔE 7.8

Achromatopsia

#616161 · ΔE 26.1

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

Code

CSS

background-color: #ad3a1e;

Tailwind (arbitrary value)

bg-[#ad3a1e]

Related colors

Tomato #ff6347

Dark Salmon #e9967a

Coral #ff7f50

Orange Red #ff4500

Light Salmon #ffa07a

Salmon #fa8072

Frequently asked questions

#ad3a1e (#ad3a1e) is rgb(173, 58, 30) in RGB.

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

Generate a palette → Check contrast