#5a4008

Color #5a4008

A vivid, highly saturated very dark orange.

Closest named color Saddle Brown #8b4513 · ΔE 22.9 Nearest Tailwind class yellow-900 #733e0a · ΔE 9.5

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

Conversions

HEX

#5a4008

RGB

rgb(90, 64, 8)

HSL

hsl(41, 83.7%, 19.2%)

HSV / HSB

hsv(41, 91.1%, 35.3%)

CMYK

cmyk(0%, 28.9%, 91.1%, 64.7%)

LAB

lab(29.05, 5.93, 35.25)

LCH

lch(29.05, 35.75, 80.45)

OKLCH

oklch(39.1%, 0.0761, 80.62)

HWB

hwb(41, 3.1%, 64.7%)

Harmony colors

Complementary

#08225a

Analogous

#5a1708

#5a4008

#4b5a08

Triadic

#5a4008

#085a40

#40085a

Split-complementary

#5a4008

#084b5a

#17085a

Tetradic

#5a4008

#225a08

#08225a

#40085a

Square

#5a4008

#085a17

#08225a

#5a084b

Shades

Color #5a4008 mixed toward black.

#4b3507

#3c2b05

#2d2004

#1e1503

#0f0b01

Tints

Color #5a4008 mixed toward white.

#996d0e

#d89a13

#eeb842

#f4cf81

#f9e7c0

Tones

Color #5a4008 mixed toward gray.

#533d0f

#4c3b16

#45381c

#3f3623

#38332a

Accessibility

Aa White text on this color

9.67:1

Aa Black text on this color

2.17:1

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

Under color vision deficiencies

Protanopia

#505020 · ΔE 11.6

Deuteranopia

#515323 · ΔE 12.7

Tritanopia

#592a2c · ΔE 23.5

Achromatopsia

#444444 · ΔE 19.9

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

Code

CSS

background-color: #5a4008;

Tailwind (arbitrary value)

bg-[#5a4008]

Related colors

Floral White #fffaf0

Dark Goldenrod #b8860b

Goldenrod #daa520

Old Lace #fdf5e6

Wheat #f5deb3

Orange #ffa500

Frequently asked questions

#5a4008 (#5a4008) is rgb(90, 64, 8) in RGB.

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

Generate a palette → Check contrast