#582c00

Color #582c00

A vivid, highly saturated very dark orange.

Closest named color Saddle Brown #8b4513 · ΔE 18.69 Nearest Tailwind class yellow-950 #432004 · ΔE 6.5

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

Conversions

HEX

#582c00

RGB

rgb(88, 44, 0)

HSL

hsl(30, 100%, 17.3%)

HSV / HSB

hsv(30, 100%, 34.5%)

CMYK

cmyk(0%, 50%, 100%, 65.5%)

LAB

lab(23.26, 17.19, 33.11)

LCH

lch(23.26, 37.31, 62.56)

OKLCH

oklch(34.5%, 0.0827, 57.79)

HWB

hwb(30, 0%, 65.5%)

Harmony colors

Complementary

#002c58

Analogous

#580000

#582c00

#585800

Triadic

#582c00

#00582c

#2c0058

Split-complementary

#582c00

#005858

#000058

Tetradic

#582c00

#2c5800

#002c58

#2c0058

Square

#582c00

#005800

#002c58

#580058

Shades

Color #582c00 mixed toward black.

#4a2500

#3b1d00

#2c1600

#1d0f00

#0f0700

Tints

Color #582c00 mixed toward white.

#9f4f00

#e57200

#ff962c

#ffb972

#ffdcb9

Tones

Color #582c00 mixed toward gray.

#512c07

#4a2c0f

#422c16

#3b2c1d

#332c25

Accessibility

Aa White text on this color

11.83:1

Aa Black text on this color

1.78:1

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

Under color vision deficiencies

Protanopia

#494812 · ΔE 19.5

Deuteranopia

#4b4e15 · ΔE 21.7

Tritanopia

#561b1d · ΔE 16.3

Achromatopsia

#373737 · ΔE 21.1

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

Code

CSS

background-color: #582c00;

Tailwind (arbitrary value)

bg-[#582c00]

Related colors

Linen #faf0e6

Peru #cd853f

Peach Puff #ffdab9

Sandy Brown #f4a460

Bisque #ffe4c4

Dark Orange #ff8c00

Frequently asked questions

#582c00 (#582c00) is rgb(88, 44, 0) in RGB.

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

Generate a palette → Check contrast