#F02000 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity red commands immediate attention. Because #f02000 is so aggressive, it works best as a 10% accent color rather than a dominant background. Pair it with dark charcoal grays to ground its visual noise or use it sparingly for urgent calls to action. The hex code is #f02000, and it offers enough contrast for black text to remain legible.
Questions about #f02000
What is #f02000 in RGB, HSL and CMYK?
In RGB, #f02000 is rgb(240, 32, 0), in HSL hsl(8, 100%, 47%) and in CMYK 0%, 87%, 100%, 6%.
What is the best way to use #f02000 in a design project?
Because #f02000 is extremely saturated and aggressive, it performs best when limited to small UI elements like buttons or notification badges. Avoid using it as a primary background color, as it can quickly overwhelm the viewer and cause eye strain.
Which colors pair well with #f02000 for a balanced palette?
To ground the intensity of #f02000, pair it with deep, muted tones like charcoal or cool slate grays. These neutrals absorb the visual noise of the red, making it feel deliberate and professional rather than chaotic or jarring.
Is #f02000 readable on white or black?
#f02000 has a 4.27:1 contrast ratio on white and 4.91: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.