#FF3B3F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity red is exceptionally saturated and demands attention. Because it commands such visual weight, #ff3b3f performs best as a small accent rather than a background. Use it sparingly in UI design for critical alerts or impactful calls to action. It offers enough contrast for legible black text, making it a reliable choice for buttons or notification badges. The hex code for this shade is #ff3b3f.
Questions about #ff3b3f
What is #ff3b3f in RGB, HSL and CMYK?
In RGB, #ff3b3f is rgb(255, 59, 63), in HSL hsl(359, 100%, 62%) and in CMYK 0%, 77%, 75%, 0%.
Where should I use #ff3b3f in my UI design?
#ff3b3f works best as a deliberate accent rather than a background color. Its high saturation makes it perfect for critical call-to-action buttons, error notifications, or input validation badges where you need the user to stop and take immediate action.
What colors pair well with #ff3b3f for a balanced palette?
To ground the intensity of #ff3b3f, pair it with deep, neutral tones like charcoal or dark gray for text, which provides necessary readability. You can also create vibrant complementary schemes using deep teals or cooler, desaturated blues for contrast.
Is #ff3b3f readable on white or black?
#ff3b3f has a 3.52:1 contrast ratio on white and 5.94: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.