#F63004 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy red demands immediate attention. Because of its intensity, #f63004 works best as a sharp accent rather than a full background, which can quickly overwhelm the eye. It pairs surprisingly well with charcoal grays for a modern, industrial look. The hex code #f63004 provides enough contrast for black text to remain legible, making it a functional choice for high-priority calls to action or UI alerts.
Questions about #f63004
What is #f63004 in RGB, HSL and CMYK?
In RGB, #f63004 is rgb(246, 48, 4), in HSL hsl(11, 97%, 49%) and in CMYK 0%, 80%, 98%, 4%. Browse more shades of red with names and hex codes.
What colors pair best with the #f63004 red?
Because #f63004 is so intense, it balances best against neutral, grounding tones. It works exceptionally well with deep charcoal or slate grays, which allow the red to pop as a call-to-action without overwhelming the overall layout.
Is #f63004 suitable for large background areas?
Using #f63004 as a full-page background is generally discouraged because its high saturation can quickly strain the eye and make text difficult to read. It is far more effective when used sparingly as a highlight or functional alert color.
Is #f63004 readable on white or black?
#f63004 has a 3.93:1 contrast ratio on white and 5.34: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.