#52452e

Color #52452e

A muted dark orange.

Closest named color Dim Gray #696969 · ΔE 21.56 Nearest Tailwind class olive-700 #474739 · ΔE 7.9

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

Conversions

HEX

#52452e

RGB

rgb(82, 69, 46)

HSL

hsl(38.3, 28.1%, 25.1%)

HSV / HSB

hsv(38.3, 43.9%, 32.2%)

CMYK

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

LAB

lab(30.03, 1.8, 15.96)

LCH

lch(30.03, 16.06, 83.57)

OKLCH

oklch(39.8%, 0.0399, 81.34)

HWB

hwb(38.3, 18%, 67.8%)

Harmony colors

Complementary

#2e3b52

Analogous

#52332e

#52452e

#4d522e

Triadic

#52452e

#2e5245

#452e52

Split-complementary

#52452e

#2e4d52

#332e52

Tetradic

#52452e

#3b522e

#2e3b52

#452e52

Square

#52452e

#2e5233

#2e3b52

#522e4d

Shades

Color #52452e mixed toward black.

#443926

#372e1f

#292217

#1b170f

#0e0b08

Tints

Color #52452e mixed toward white.

#7b6745

#a38a5c

#baa785

#d1c4ad

#e8e2d6

Tones

Color #52452e mixed toward gray.

#4f4431

#4c4334

#494237

#46423a

#43413d

Accessibility

Aa White text on this color

9.34:1

Aa Black text on this color

2.25:1

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

Under color vision deficiencies

Protanopia

#4d4d35 · ΔE 7.9

Deuteranopia

#4d4e36 · ΔE 8.5

Tritanopia

#51393a · ΔE 15.7

Achromatopsia

#474747 · ΔE 11.9

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

Code

CSS

background-color: #52452e;

Tailwind (arbitrary value)

bg-[#52452e]

Related colors

Moccasin #ffe4b5

Orange #ffa500

Old Lace #fdf5e6

Wheat #f5deb3

Papaya Whip #ffefd5

Floral White #fffaf0

Frequently asked questions

#52452e (#52452e) is rgb(82, 69, 46) in RGB.

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

Generate a palette → Check contrast