#FC3319 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bright, saturated, and leaning orange, #fc3319 is a red built for attention. The hex code reads as urgency and energy, so it works best as an accent: buttons, sale tags, alerts. Across a full background it fatigues the eye fast. Pair it with deep teal or charcoal for balance, and note that black text stays readable on it at 5.6:1 contrast.
Questions about #fc3319
What is #fc3319 in RGB, HSL and CMYK?
In RGB, #fc3319 is rgb(252, 51, 25), in HSL hsl(7, 97%, 54%) and in CMYK 0%, 80%, 90%, 1%.
What colors pair well with #fc3319?
Deep teal and charcoal calm #fc3319 without dulling its intensity. Cream and other warm neutrals also work, while other bright reds and oranges tend to compete with it.
Is black or white text better on #fc3319?
Black text is the safer choice at about 5.6:1 contrast, which passes WCAG AA for body text. White text falls short and should be reserved for large type only.
Is #fc3319 readable on white or black?
#fc3319 has a 3.73:1 contrast ratio on white and 5.62: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.