#52312e

Color #52312e

A muted dark red.

Closest named color Charcoal #36454f · ΔE 24.44 Nearest Tailwind class taupe-700 #473c39 · ΔE 9.7

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

Conversions

HEX

#52312e

RGB

rgb(82, 49, 46)

HSL

hsl(5, 28.1%, 25.1%)

HSV / HSB

hsv(5, 43.9%, 32.2%)

CMYK

cmyk(0%, 40.2%, 43.9%, 67.8%)

LAB

lab(24.28, 14.6, 8.22)

LCH

lch(24.28, 16.75, 29.38)

OKLCH

oklch(35.3%, 0.0488, 25.46)

HWB

hwb(5, 18%, 67.8%)

Harmony colors

Complementary

#2e4f52

Analogous

#522e3d

#52312e

#52432e

Triadic

#52312e

#2e5231

#312e52

Split-complementary

#52312e

#2e5243

#2e3d52

Tetradic

#52312e

#4f522e

#2e4f52

#312e52

Square

#52312e

#3d522e

#2e4f52

#432e52

Shades

Color #52312e mixed toward black.

#442926

#37211f

#291917

#1b100f

#0e0808

Tints

Color #52312e mixed toward white.

#7b4945

#a3625c

#ba8985

#d1b0ad

#e8d8d6

Tones

Color #52312e mixed toward gray.

#4f3431

#4c3634

#493937

#463b3a

#433e3d

Accessibility

Aa White text on this color

11.43:1

Aa Black text on this color

1.84:1

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

Under color vision deficiencies

Protanopia

#46462f · ΔE 23.2

Deuteranopia

#484a2f · ΔE 25.2

Tritanopia

#512f2f · ΔE 1.6

Achromatopsia

#3a3a3a · ΔE 15.3

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

Code

CSS

background-color: #52312e;

Tailwind (arbitrary value)

bg-[#52312e]

Related colors

Misty Rose #ffe4e1

Salmon #fa8072

Tomato #ff6347

Red #ff0000

Maroon #800000

Black #000000

Frequently asked questions

#52312e (#52312e) is rgb(82, 49, 46) in RGB.

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

Generate a palette → Check contrast