#FF3D3D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-intensity and impossible to ignore, #ff3d3d brings a loud, urgent quality to any design. Because of its extreme saturation, it works best as a small accent or call-to-action button rather than a large background. It pairs exceptionally well with charcoal grays or deep navies to ground its heat. The hex code for this aggressive red is #ff3d3d, which provides enough contrast for black text.
Questions about #ff3d3d
What is #ff3d3d in RGB, HSL and CMYK?
In RGB, #ff3d3d is rgb(255, 61, 61), in HSL hsl(0, 100%, 62%) and in CMYK 0%, 76%, 76%, 0%.
How can I use #ff3d3d effectively in UI design without overwhelming the user?
#ff3d3d is an extremely aggressive red that works best as a surgical accent for critical call-to-action buttons or status indicators. Use it sparingly against neutral backgrounds like charcoal or dark navy to ground its visual heat and maintain readability.
Is #ff3d3d readable on white or black?
#ff3d3d has a 3.50:1 contrast ratio on white and 5.98: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.