#AF1F0D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated red commands attention with its dark, earthy undertones. Because it carries so much weight, #af1f0d works best as a punchy accent rather than a dominant background color. It pairs surprisingly well with deep charcoal or muted olive greens. This hex code provides excellent contrast for white text, ensuring readability in UI elements like call-to-action buttons or warning notifications.
Questions about #af1f0d
What is #af1f0d in RGB, HSL and CMYK?
In RGB, #af1f0d is rgb(175, 31, 13), in HSL hsl(7, 86%, 37%) and in CMYK 0%, 82%, 93%, 31%.
How should I use #af1f0d in my interface design?
#af1f0d works best as a punchy accent for elements like call-to-action buttons or warning notifications. Because it carries significant visual weight, avoid using it as a dominant background color, as it can quickly overwhelm a user interface.
What colors pair well with #af1f0d for a balanced palette?
Is #af1f0d readable on white or black?
#af1f0d has a 6.94:1 contrast ratio on white and 3.02: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.