#493111

Color #493111

A moderately saturated very dark orange.

Closest named color Saddle Brown #8b4513 · ΔE 29.63 Nearest Tailwind class yellow-950 #432004 · ΔE 7.5

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

Conversions

HEX

#493111

RGB

rgb(73, 49, 17)

HSL

hsl(34.3, 62.2%, 17.6%)

HSV / HSB

hsv(34.3, 76.7%, 28.6%)

CMYK

cmyk(0%, 32.9%, 76.7%, 71.4%)

LAB

lab(22.49, 7.24, 24.1)

LCH

lch(22.49, 25.16, 73.28)

OKLCH

oklch(33.5%, 0.0576, 71.16)

HWB

hwb(34.3, 6.7%, 71.4%)

Harmony colors

Complementary

#112949

Analogous

#491511

#493111

#454911

Triadic

#493111

#114931

#311149

Split-complementary

#493111

#114549

#151149

Tetradic

#493111

#294911

#112949

#311149

Square

#493111

#114915

#112949

#491145

Shades

Color #493111 mixed toward black.

#3d290e

#31210b

#241808

#181006

#0c0803

Tints

Color #493111 mixed toward white.

#82571e

#ba7d2b

#d79f55

#e5bf8d

#f2dfc6

Tones

Color #493111 mixed toward gray.

#443016

#3f301a

#3b2f1f

#362e24

#322e28

Accessibility

Aa White text on this color

12.13:1

Aa Black text on this color

1.73:1

White text reads better on this background (12.13:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#40401c · ΔE 13.1

Deuteranopia

#41431e · ΔE 14.2

Tritanopia

#482324 · ΔE 17

Achromatopsia

#363636 · ΔE 16.5

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

Code

CSS

background-color: #493111;

Tailwind (arbitrary value)

bg-[#493111]

Related colors

Antique White #faebd7

Tan #d2b48c

Burlywood #deb887

Dark Orange #ff8c00

Navajo White #ffdead

Blanched Almond #ffebcd

Frequently asked questions

#493111 (#493111) is rgb(73, 49, 17) in RGB.

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

Generate a palette → Check contrast