#FD0D4A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, high-saturation red commands immediate attention. Because it is so bright and aggressive, use hex code #fd0d4a strictly as a small accent rather than a full background to avoid overwhelming the viewer. It pairs unexpectedly well with deep charcoal grays, creating a sharp, modern contrast that feels energetic and urgent. This shade works best for call-to-action buttons or alert icons.
Questions about #fd0d4a
What is #fd0d4a in RGB, HSL and CMYK?
In RGB, #fd0d4a is rgb(253, 13, 74), in HSL hsl(345, 98%, 52%) and in CMYK 0%, 95%, 71%, 1%.
How should I effectively use #fd0d4a in UI design?
Because #fd0d4a is extremely aggressive and visually loud, it performs best when limited to small, strategic UI elements like call-to-action buttons or urgent alert icons. Avoid using it for large backgrounds, as it will quickly overwhelm the viewer's eyes and hurt readability.
What colors pair well with #fd0d4a?
This color creates a balanced, modern look when paired with deep charcoal or dark neutral grays. These darker tones ground the electric energy of #fd0d4a, preventing the combination from feeling too chaotic while maintaining the sharp, urgent contrast needed for effective design.
Is #fd0d4a readable on white or black?
#fd0d4a has a 3.93:1 contrast ratio on white and 5.33: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.