#FF3B30 Hex Color
A high-octane red with blazing energy
This intense, high-saturation red demands attention with its blinding brilliance. Because #ff3b30 is so loud, use it sparingly as a call-to-action button or a small accent to avoid visual fatigue. It pairs surprisingly well with deep charcoal grays for a modern, high-contrast UI feel. Black text maintains excellent legibility over this hex code, ensuring that your most important information stays readable.
Questions about #ff3b30
What is #ff3b30 in RGB, HSL and CMYK?
In RGB, #ff3b30 is rgb(255, 59, 48), in HSL hsl(3, 100%, 59%) and in CMYK 0%, 77%, 81%, 0%.
How can I use #ff3b30 in UI design without creating visual fatigue?
Apply #ff3b30 strictly for critical call-to-action buttons or small notification badges rather than large backgrounds. Because this intense red carries such high visual weight, using it sparingly against a neutral palette prevents the interface from feeling aggressive or overwhelming to the user.
What colors pair well with #ff3b30 for a balanced design?
This bold red looks best when anchored by deep, neutral tones that ground its high energy. Pairing #ff3b30 with a charcoal or dark gray offers excellent readability, while slate tones provide a sophisticated, modern contrast that keeps the design feeling balanced and professional.
Is #ff3b30 readable on white or black?
#ff3b30 has a 3.54:1 contrast ratio on white and 5.92: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.