#FB3F1E Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #fb3f1e graphic
#fb3f1e is a piercing, saturated red that demands immediate attention. Because of its high intensity, use this hex code sparingly as a 10 percent accent color for buttons or alert indicators. It maintains strong contrast with black text, satisfying accessibility requirements for small, readable body type. Avoid using this shade as a large background, as the saturation will quickly overwhelm your interface.

Questions about #fb3f1e

What is #fb3f1e in RGB, HSL and CMYK?
In RGB, #fb3f1e is rgb(251, 63, 30), in HSL hsl(9, 97%, 55%) and in CMYK 0%, 75%, 88%, 2%.
Where should I use #fb3f1e in a professional interface?
Use #fb3f1e exclusively as a high-contrast accent for functional elements like primary buttons or important notification badges. Because of its extreme saturation, applying it to large background areas will quickly cause eye strain and distract users from your primary content.
What colors pair well with #fb3f1e for a balanced palette?
Pair #fb3f1e with neutral tones like charcoal or off-white to ground its intensity. If you need a secondary accent, a cool teal provides a striking complementary contrast that prevents the design from feeling too aggressive or monotonous.
Is #fb3f1e readable on white or black?
#fb3f1e has a 3.60:1 contrast ratio on white and 5.83: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.