#a44233

Color #a44233

A moderately saturated medium red.

Closest named color Brown #a52a2a · ΔE 10.86 Nearest Tailwind class red-700 #c10007 · ΔE 8.6

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

Conversions

HEX

#a44233

RGB

rgb(164, 66, 51)

HSL

hsl(8, 52.6%, 42.2%)

HSV / HSB

hsv(8, 68.9%, 64.3%)

CMYK

cmyk(0%, 59.8%, 68.9%, 35.7%)

LAB

lab(41.26, 39.54, 29.52)

LCH

lch(41.26, 49.34, 36.74)

OKLCH

oklch(50.9%, 0.1331, 30.92)

HWB

hwb(8, 20%, 35.7%)

Harmony colors

Complementary

#3395a4

Analogous

#a4335d

#a44233

#a47b33

Triadic

#a44233

#33a442

#4233a4

Split-complementary

#a44233

#33a47b

#335da4

Tetradic

#a44233

#95a433

#3395a4

#4233a4

Square

#a44233

#5da433

#3395a4

#7b33a4

Shades

Color #a44233 mixed toward black.

#89372b

#6d2c22

#52211a

#371611

#1b0b09

Tints

Color #a44233 mixed toward white.

#c55544

#d07769

#dc998f

#e8bbb4

#f3ddda

Tones

Color #a44233 mixed toward gray.

#9b493c

#915046

#88574f

#7e5e59

#756562

Accessibility

Aa White text on this color

6.17:1

Aa Black text on this color

3.41: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

#858437 · ΔE 38.4

Deuteranopia

#8a8f38 · ΔE 42.4

Tritanopia

#a13a3b · ΔE 5.2

Achromatopsia

#616161 · ΔE 24.5

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

Code

CSS

background-color: #a44233;

Tailwind (arbitrary value)

bg-[#a44233]

Related colors

Tomato #ff6347

Salmon #fa8072

Misty Rose #ffe4e1

Dark Salmon #e9967a

Red #ff0000

Maroon #800000

Frequently asked questions

#a44233 (#a44233) is rgb(164, 66, 51) in RGB.

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

Generate a palette → Check contrast