#CF0A14 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, highly saturated red demands attention immediately. Due to its extreme vibrancy, #cf0a14 works best as a sharp accent rather than a full-page background, where it can easily overwhelm the eye. It pairs well with charcoal grays or clean white, providing enough contrast for accessibility. Use this hex code sparingly for call-to-action buttons or critical alerts where urgency is required.
Questions about #cf0a14
What is #cf0a14 in RGB, HSL and CMYK?
In RGB, #cf0a14 is rgb(207, 10, 20), in HSL hsl(357, 91%, 43%) and in CMYK 0%, 95%, 90%, 19%.
How can I use #cf0a14 effectively in UI design?
Use #cf0a14 strictly as an accent color for critical actions like delete buttons, error states, or urgent notifications. Because of its extreme vibrancy, avoid using it as a large background or primary brand color to prevent overwhelming your users' eyes.
What colors pair well with #cf0a14?
Pair #cf0a14 with high-contrast neutrals like crisp white or deep charcoal to maintain legibility and balance. These dark or light neutrals ground the intensity of the red, allowing the color to stand out without causing visual strain or clashing with other saturated hues.
Is #cf0a14 readable on white or black?
#cf0a14 has a 5.66:1 contrast ratio on white and 3.70: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.