#FF3F32 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ff3f32 is a high-octane, saturated red that demands immediate attention. This intense shade works best as a 10% accent color for calls to action or UI alerts rather than a full background, as its brightness can quickly overwhelm a design. It pairs effectively with deep charcoal or slate grays, which ground its aggressive energy. For accessible text, keep black characters on this hex code.
Questions about #ff3f32
What is #ff3f32 in RGB, HSL and CMYK?
In RGB, #ff3f32 is rgb(255, 63, 50), in HSL hsl(4, 100%, 60%) and in CMYK 0%, 75%, 80%, 0%.
How should I effectively use #ff3f32 in a UI design?
Use #ff3f32 sparingly as a 10% accent color for critical UI elements like primary call-to-action buttons or urgent system alerts. Because of its extreme saturation and brightness, it quickly overwhelms a layout when used as a large background or primary brand color.
What colors pair well with the intensity of #ff3f32?
Pair #ff3f32 with deep, neutral tones like charcoal or slate grays to ground its aggressive energy. These dark, muted companions create a balanced visual hierarchy, allowing the red to pop as a focal point without creating eye strain.
Is #ff3f32 readable on white or black?
#ff3f32 has a 3.49:1 contrast ratio on white and 6.00: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.