#CF0D0D Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #cf0d0d graphic
High-intensity and demanding, #cf0d0d is a saturated, unapologetic red. It works best as a 10% accent color for calls to action or alert states where immediate attention is required. Avoid using it as a primary background, as the sheer saturation can quickly overwhelm the viewer. Pair this hex code with a cool slate gray to ground its inherent heat and urgency.

Questions about #cf0d0d

What is #cf0d0d in RGB, HSL and CMYK?
In RGB, #cf0d0d is rgb(207, 13, 13), in HSL hsl(0, 88%, 43%) and in CMYK 0%, 94%, 94%, 19%.
How should I use #cf0d0d in a design interface?
Limit #cf0d0d to 10% of your layout, using it strictly for urgent UI elements like error states, critical alerts, or call-to-action buttons. Because it is so visually demanding, it will quickly overwhelm the viewer if used as a primary background or dominant color.
What colors pair well with #cf0d0d?
To ground the heat of #cf0d0d, pair it with cool, neutral tones like slate or charcoal. These darker, desaturated grays provide necessary contrast and keep the intensity of the red from feeling jarring or chaotic in your overall composition.
Is #cf0d0d readable on white or black?
#cf0d0d has a 5.65:1 contrast ratio on white and 3.71: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.