#57483d

Color #57483d

A muted dark orange.

Closest named color Dim Gray #696969 · ΔE 16.1 Nearest Tailwind class taupe-600 #5b4f4b · ΔE 4.5

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

Conversions

HEX

#57483d

RGB

rgb(87, 72, 61)

HSL

hsl(25.4, 17.6%, 29%)

HSV / HSB

hsv(25.4, 29.9%, 34.1%)

CMYK

cmyk(0%, 17.2%, 29.9%, 65.9%)

LAB

lab(31.8, 4.43, 8.98)

LCH

lch(31.8, 10.01, 63.74)

OKLCH

oklch(41.4%, 0.0271, 58.13)

HWB

hwb(25.4, 23.9%, 65.9%)

Harmony colors

Complementary

#3d4c57

Analogous

#573d3f

#57483d

#57553d

Triadic

#57483d

#3d5748

#483d57

Split-complementary

#57483d

#3d5755

#3d3f57

Tetradic

#57483d

#4c573d

#3d4c57

#483d57

Square

#57483d

#3f573d

#3d4c57

#553d57

Shades

Color #57483d mixed toward black.

#483c33

#3a3029

#2b241e

#1d1814

#0e0c0a

Tints

Color #57483d mixed toward white.

#7a6556

#9c8371

#b4a295

#cdc1b8

#e6e0dc

Tones

Color #57483d mixed toward gray.

#55483f

#534941

#504943

#4e4946

#4c4a48

Accessibility

Aa White text on this color

8.75:1

Aa Black text on this color

2.4:1

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

Under color vision deficiencies

Protanopia

#515140 · ΔE 10.6

Deuteranopia

#525341 · ΔE 11.5

Tritanopia

#564242 · ΔE 7.4

Achromatopsia

#4b4b4b · ΔE 8.9

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

Code

CSS

background-color: #57483d;

Tailwind (arbitrary value)

bg-[#57483d]

Related colors

Chocolate #d2691e

Saddle Brown #8b4513

Seashell #fff5ee

Sandy Brown #f4a460

Peach Puff #ffdab9

Peru #cd853f

Frequently asked questions

#57483d (#57483d) is rgb(87, 72, 61) in RGB.

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

Generate a palette → Check contrast