#a14133

Color #a14133

A moderately saturated medium red.

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

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

Conversions

HEX

#a14133

RGB

rgb(161, 65, 51)

HSL

hsl(7.6, 51.9%, 41.6%)

HSV / HSB

hsv(7.6, 68.3%, 63.1%)

CMYK

cmyk(0%, 59.6%, 68.3%, 36.9%)

LAB

lab(40.57, 38.9, 28.57)

LCH

lch(40.57, 48.26, 36.3)

OKLCH

oklch(50.2%, 0.1307, 30.59)

HWB

hwb(7.6, 20%, 36.9%)

Harmony colors

Complementary

#3393a1

Analogous

#a1335c

#a14133

#a17833

Triadic

#a14133

#33a141

#4133a1

Split-complementary

#a14133

#33a178

#335ca1

Tetradic

#a14133

#93a133

#3393a1

#4133a1

Square

#a14133

#5ca133

#3393a1

#7833a1

Shades

Color #a14133 mixed toward black.

#86362b

#6b2b22

#51201a

#361611

#1b0b09

Tints

Color #a14133 mixed toward white.

#c35342

#cf7568

#db988e

#e7bab4

#f3ddd9

Tones

Color #a14133 mixed toward gray.

#98483c

#8f4f45

#86564f

#7c5c58

#736361

Accessibility

Aa White text on this color

6.33:1

Aa Black text on this color

3.32:1

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

Under color vision deficiencies

Protanopia

#828237 · ΔE 38.3

Deuteranopia

#878d38 · ΔE 42.3

Tritanopia

#9e3a3a · ΔE 4.6

Achromatopsia

#606060 · ΔE 24.3

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

Code

CSS

background-color: #a14133;

Tailwind (arbitrary value)

bg-[#a14133]

Related colors

Salmon #fa8072

Tomato #ff6347

Misty Rose #ffe4e1

Dark Salmon #e9967a

Red #ff0000

Maroon #800000

Frequently asked questions

#a14133 (#a14133) is rgb(161, 65, 51) in RGB.

No, #a14133 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast