#580B24 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted maroon carries a heavy, serious mood perfect for formal branding or moody UI backgrounds. Because it is highly saturated and deep, it works best as an accent color rather than a primary fill. It pairs beautifully with cream or gold accents to boost contrast. The hex code for this color is #580b24. White text remains highly readable over this shade.
Questions about #580b24
What is #580b24 in RGB, HSL and CMYK?
In RGB, #580b24 is rgb(88, 11, 36), in HSL hsl(341, 78%, 19%) and in CMYK 0%, 88%, 59%, 65%.
What colors pair effectively with #580b24?
The deep, muted intensity of #580b24 shines when contrasted against lighter, metallic, or warm neutral tones. It works exceptionally well with cream or metallic gold, which help elevate its heavy, serious nature without overpowering the dark, sophisticated aesthetic of your primary design.
How does #580b24 perform as a background color for text?
Because #580b24 is a very dark, highly saturated maroon, it provides excellent contrast for white text, ensuring high readability in UI designs. You should avoid using colored text over this shade, sticking instead to light neutrals or pure white to maintain essential legibility.
Is #580b24 readable on white or black?
#580b24 has a 14.11:1 contrast ratio on white and 1.48:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.