#9c3e2f

Color #9c3e2f

A moderately saturated dark red.

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

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

Conversions

HEX

#9c3e2f

RGB

rgb(156, 62, 47)

HSL

hsl(8.3, 53.7%, 39.8%)

HSV / HSB

hsv(8.3, 69.9%, 61.2%)

CMYK

cmyk(0%, 60.3%, 69.9%, 38.8%)

LAB

lab(39.11, 38.25, 28.98)

LCH

lch(39.11, 47.99, 37.15)

OKLCH

oklch(49%, 0.129, 31.24)

HWB

hwb(8.3, 18.4%, 38.8%)

Harmony colors

Complementary

#2f8d9c

Analogous

#9c2f56

#9c3e2f

#9c752f

Triadic

#9c3e2f

#2f9c3e

#3e2f9c

Split-complementary

#9c3e2f

#2f9c75

#2f569c

Tetradic

#9c3e2f

#8d9c2f

#2f8d9c

#3e2f9c

Square

#9c3e2f

#569c2f

#2f8d9c

#752f9c

Shades

Color #9c3e2f mixed toward black.

#823427

#68291f

#4e1f17

#341510

#1a0a08

Tints

Color #9c3e2f mixed toward white.

#c34e3b

#d07162

#db9489

#e7b8b0

#f3dbd8

Tones

Color #9c3e2f mixed toward gray.

#934538

#8a4b41

#81524a

#785853

#6f5f5c

Accessibility

Aa White text on this color

6.68:1

Aa Black text on this color

3.14:1

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

Under color vision deficiencies

Protanopia

#7e7d33 · ΔE 37.2

Deuteranopia

#838834 · ΔE 41.2

Tritanopia

#993637 · ΔE 5.3

Achromatopsia

#5c5c5c · ΔE 24.3

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

Code

CSS

background-color: #9c3e2f;

Tailwind (arbitrary value)

bg-[#9c3e2f]

Related colors

Tomato #ff6347

Salmon #fa8072

Misty Rose #ffe4e1

Dark Salmon #e9967a

Coral #ff7f50

Orange Red #ff4500

Frequently asked questions

#9c3e2f (#9c3e2f) is rgb(156, 62, 47) in RGB.

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

Generate a palette → Check contrast