#D60C0C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red demands attention, making it a reliable choice for primary call to action buttons or urgent interface alerts. Because the hex code #d60c0c offers a 5.4:1 contrast ratio, it remains readable with white text. Limit its use to small UI accents rather than full backgrounds to avoid overwhelming the user. Pair it with dark, muted charcoals to ground the intensity.
Questions about #d60c0c
What is #d60c0c in RGB, HSL and CMYK?
In RGB, #d60c0c is rgb(214, 12, 12), in HSL hsl(0, 89%, 44%) and in CMYK 0%, 94%, 94%, 16%.
How can I use #d60c0c effectively in a user interface?
#d60c0c is highly saturated and works best as an accent color for primary call to action buttons or urgent system alerts. Because it commands immediate visual attention, you should avoid using it for large background areas, which can quickly overwhelm users.
What colors pair well with #d60c0c to ground the intensity?
Pair #d60c0c with charcoal or dark, muted grays to soften the overall impact and create a balanced, professional look. This combination provides enough contrast for readability while preventing the red from feeling jarring or chaotic in a modern layout.
Is #d60c0c readable on white or black?
#d60c0c has a 5.36:1 contrast ratio on white and 3.91: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.