#a83b22

Color #a83b22

A moderately saturated dark red.

Closest named color Brown #a52a2a · ΔE 10.48 Nearest Tailwind class orange-800 #9f2d00 · ΔE 5.6

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

Conversions

HEX

#a83b22

RGB

rgb(168, 59, 34)

HSL

hsl(11.2, 66.3%, 39.6%)

HSV / HSB

hsv(11.2, 79.8%, 65.9%)

CMYK

cmyk(0%, 64.9%, 79.8%, 34.1%)

LAB

lab(40.53, 43.5, 38.44)

LCH

lch(40.53, 58.05, 41.47)

OKLCH

oklch(50.4%, 0.1485, 34.3)

HWB

hwb(11.2, 13.3%, 34.1%)

Harmony colors

Complementary

#228fa8

Analogous

#a8224c

#a83b22

#a87e22

Triadic

#a83b22

#22a83b

#3b22a8

Split-complementary

#a83b22

#22a87e

#224ca8

Tetradic

#a83b22

#8fa822

#228fa8

#3b22a8

Square

#a83b22

#4ca822

#228fa8

#7e22a8

Shades

Color #a83b22 mixed toward black.

#8c311c

#702717

#541e11

#38140b

#1c0a06

Tints

Color #a83b22 mixed toward white.

#d34a2b

#dc6e54

#e5927f

#eeb6aa

#f6dbd4

Tones

Color #a83b22 mixed toward gray.

#9d422d

#924938

#865044

#7b574f

#705e5a

Accessibility

Aa White text on this color

6.34:1

Aa Black text on this color

3.31:1

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

Under color vision deficiencies

Protanopia

#87862a · ΔE 40

Deuteranopia

#8c922b · ΔE 44.3

Tritanopia

#a52f30 · ΔE 7.2

Achromatopsia

#5f5f5f · ΔE 25.6

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

Code

CSS

background-color: #a83b22;

Tailwind (arbitrary value)

bg-[#a83b22]

Related colors

Tomato #ff6347

Dark Salmon #e9967a

Coral #ff7f50

Salmon #fa8072

Orange Red #ff4500

Misty Rose #ffe4e1

Frequently asked questions

#a83b22 (#a83b22) is rgb(168, 59, 34) in RGB.

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

Generate a palette → Check contrast