#D10F0F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-octane red feels aggressive and commanding due to its intense saturation. Because #d10f0f dominates any visual space, use it sparingly as a 10% accent color rather than a primary background. It pairs exceptionally well with cool, dark grays to ground its inherent energy. White text offers readable contrast against this hex code, making it effective for urgent call-to-action buttons.
Questions about #d10f0f
What is #d10f0f in RGB, HSL and CMYK?
In RGB, #d10f0f is rgb(209, 15, 15), in HSL hsl(0, 87%, 44%) and in CMYK 0%, 93%, 93%, 18%.
How should I use #d10f0f in a UI design?
#d10f0f functions best as a high-impact accent color, occupying no more than 10% of your visual space to avoid overwhelming the user. Pair it with charcoal or dark neutrals to keep the design balanced and grounded while maintaining its urgent energy.
Is #d10f0f suitable for body text?
Avoid using #d10f0f for body text because its intense saturation creates significant eye strain and readability issues. Reserve this color for call-to-action buttons, error states, or specific highlighting where you need to draw immediate attention without requiring long-term reading comfort.
Is #d10f0f readable on white or black?
#d10f0f has a 5.54:1 contrast ratio on white and 3.78: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.