#FE0000 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Highly saturated and impossible to ignore, #fe0000 functions as a powerful accent color for high-stakes UI elements like call-to-action buttons. Because this shade is so intense, it often overwhelms when used as a background. Instead, let it punch through neutral palettes for immediate attention. Pair it with charcoal or slate gray to ground the visual noise, as black text remains the most readable option against this bright hue.
Questions about #fe0000
What is #fe0000 in RGB, HSL and CMYK?
In RGB, #fe0000 is rgb(254, 0, 0), in HSL hsl(0, 100%, 50%) and in CMYK 0%, 100%, 100%, 0%.
What is the best way to use #fe0000 in a UI design?
Use #fe0000 as a bold accent for interactive elements like buttons, but avoid using it for large backgrounds because its high saturation causes visual fatigue. It punches through neutral designs when paired with dark text for optimal readability.
Which colors pair well with the intensity of #fe0000?
Ground this bright red by pairing it with charcoal or dark slate tones to reduce visual noise. These neutral anchors allow the intensity of #fe0000 to stand out without overwhelming the user interface or clashing with other design elements.
Is #fe0000 readable on white or black?
#fe0000 has a 4.02:1 contrast ratio on white and 5.21: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.