Skip to main content
ToolsHub
#582B18

#582B18 Color — #582B18

Complete color reference for #582B18: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.

Color Format Conversions

HEX#582B18
RGBrgb(88, 43, 24)
HSLhsl(18, 57%, 22%)
HSVhsv(18, 73%, 35%)
CMYKC:0% M:51% Y:73% K:65%
CSS Color#582B18
Decimal5778200
Luminance0.0387

WCAG Accessibility Contrast

#582B18 on White
Ratio: 11.84:1 — AAA
#582B18 on Black
Ratio: 1.77:1 — Fail
White on #582B18
Ratio: 11.84:1 — AAA
Black on #582B18
Ratio: 1.77:1 — Fail

WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.

Shades & Tints Scale

50#F7F4F3
100#E6DFDC
200#CDBFBA
300#B4A097
400#927569
500#582B18
600#462213
700#351A0E
800#23110A
900#160B06

Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).

Color Harmonies

Related Color Tools

Frequently Asked Questions

What is the RGB equivalent of #582B18?

The RGB equivalent is rgb(88, 43, 24). The red channel is 88, green is 43, and blue is 24 (scale 0–255).

What is the HSL value of #582B18?

The HSL value is hsl(18, 57%, 22%). Hue is 18°, saturation is 57%, and lightness is 22%.

Does #582B18 meet WCAG accessibility standards?

On a white background, #582B18 achieves a 11.84:1 contrast ratio (AAA). On a black background it achieves 1.77:1 (Fail). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #582B18?

The complementary color (180° opposite on the hue wheel) of #582B18 is #184558.