#5A1F1F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5a1f1f is a deep, unsaturated red that feels heavy and serious. Because of its low lightness, this color works best as a moody, atmospheric background rather than for fine details. White text offers excellent contrast against it, making it readable for large headings or UI elements. Pair this hex code with soft, creamy off-whites to prevent the palette from feeling too harsh or flat.
Questions about #5a1f1f
What is #5a1f1f in RGB, HSL and CMYK?
In RGB, #5a1f1f is rgb(90, 31, 31), in HSL hsl(0, 49%, 24%) and in CMYK 0%, 66%, 66%, 65%. Browse more shades of brown with names and hex codes.
How should #5a1f1f be used in user interface design?
Use #5a1f1f as a background color for moody, atmospheric layouts where large text or simple UI elements need to stand out. Because it is a heavy, unsaturated red, it provides excellent contrast against light text, making it highly readable for bold headers or minimalist dashboard designs.
What colors pair well with #5a1f1f to create a balanced palette?
Pair #5a1f1f with soft, creamy off-whites or muted beige tones to prevent the palette from feeling too harsh or flat. These lighter neutrals temper the intensity of the deep red, allowing it to remain the focal point without overwhelming the viewer's eye.
Is #5a1f1f readable on white or black?
#5a1f1f has a 12.72:1 contrast ratio on white and 1.65: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.