#FF0D0D Hex Color

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

Hex color #ff0d0d graphic
#ff0d0d is an aggressive, high-chroma red that commands immediate attention. Because of its intensity, it works best as a 10% accent color for calls to action or error states rather than a background. Pair it with dark charcoal or off-white to balance the visual heat. The hex code #ff0d0d maintains enough contrast with black text for accessible, legible small-scale details.

Questions about #ff0d0d

What is #ff0d0d in RGB, HSL and CMYK?
In RGB, #ff0d0d is rgb(255, 13, 13), in HSL hsl(0, 100%, 53%) and in CMYK 0%, 95%, 95%, 0%.
Where should I use #ff0d0d in a UI design?
#ff0d0d acts as a powerful attention-grabber, so limit it to about 10% of your layout. Use it specifically for high-priority calls to action or critical error messages to ensure users notice them instantly against a neutral background.
What colors pair well with #ff0d0d?
This vibrant red needs a strong neutral to anchor it, so pair it with deep charcoal or off-white to balance the visual heat. Avoid using other saturated colors nearby, as they will compete with its intensity and cause visual clutter.
Is #ff0d0d readable on white or black?
#ff0d0d has a 3.95:1 contrast ratio on white and 5.31:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.