#AF0C42 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#af0c42 is a saturated, intense red that demands attention. Because of its high chroma, it works best as a 10% accent color for calls to action or UI highlights rather than a full-page background. It pairs exceptionally well with dark, cool grays to ground its fiery energy. White text reads clearly against this hex code, ensuring readability for critical alert labels or buttons.
Questions about #af0c42
What is #af0c42 in RGB, HSL and CMYK?
In RGB, #af0c42 is rgb(175, 12, 66), in HSL hsl(340, 87%, 37%) and in CMYK 0%, 93%, 62%, 31%.
What is the best way to use #af0c42 in UI design?
This intense red serves best as a purposeful, 10% accent color for calls to action, error states, or UI highlights. Because of its high chroma, it creates necessary visual tension against dark, neutral backgrounds like charcoal or deep slate, effectively guiding user focus.
Does #af0c42 pair well with light or dark text?
White text offers the highest readability and accessibility against this deep red shade. The strong contrast ensures that critical alerts or button labels remain legible for all users, whereas black text often lacks the necessary visual separation needed for clear, compliant interface design.
Is #af0c42 readable on white or black?
#af0c42 has a 7.10:1 contrast ratio on white and 2.95: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.