#504b39

Color #504b39

A muted dark yellow.

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

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

Conversions

HEX

#504b39

RGB

rgb(80, 75, 57)

HSL

hsl(47, 16.8%, 26.9%)

HSV / HSB

hsv(47, 28.7%, 31.4%)

CMYK

cmyk(0%, 6.2%, 28.8%, 68.6%)

LAB

lab(31.88, -1.26, 11.5)

LCH

lch(31.88, 11.57, 96.25)

OKLCH

oklch(41.2%, 0.0293, 94.31)

HWB

hwb(47, 22.4%, 68.6%)

Harmony colors

Complementary

#393e50

Analogous

#504039

#504b39

#4a5039

Triadic

#504b39

#39504b

#4b3950

Split-complementary

#504b39

#394a50

#403950

Tetradic

#504b39

#3e5039

#393e50

#4b3950

Square

#504b39

#395040

#393e50

#50394a

Shades

Color #504b39 mixed toward black.

#433f30

#353226

#28261d

#1b1913

#0d0d0a

Tints

Color #504b39 mixed toward white.

#746d53

#988f6e

#b1ab92

#cbc7b6

#e5e3db

Tones

Color #504b39 mixed toward gray.

#4e4a3b

#4c493d

#4a483f

#484741

#474643

Accessibility

Aa White text on this color

8.73:1

Aa Black text on this color

2.41:1

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

Under color vision deficiencies

Protanopia

#4e4e3e · ΔE 3

Deuteranopia

#4e4f3f · ΔE 3.6

Tritanopia

#504142 · ΔE 13.9

Achromatopsia

#4b4b4b · ΔE 9.2

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

Code

CSS

background-color: #504b39;

Tailwind (arbitrary value)

bg-[#504b39]

Related colors

Cornsilk #fff8dc

Gold #ffd700

Goldenrod #daa520

Dark Goldenrod #b8860b

Floral White #fffaf0

Khaki #f0e68c

Frequently asked questions

#504b39 (#504b39) is rgb(80, 75, 57) in RGB.

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

Generate a palette → Check contrast