#FC3A0F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated orange-red demands immediate attention. Due to its intense warmth, the hex code #fc3a0f works best as a high-impact accent rather than a background. Pair it with dark charcoal or deep navy for visual balance. It remains legible with black text, making it a functional choice for alerts or urgent call-to-action buttons where you need high contrast.
Questions about #fc3a0f
What is #fc3a0f in RGB, HSL and CMYK?
In RGB, #fc3a0f is rgb(252, 58, 15), in HSL hsl(11, 98%, 52%) and in CMYK 0%, 77%, 94%, 1%.
What colors pair well with #fc3a0f?
Is #fc3a0f suitable for body text?
Avoid using #fc3a0f for body text because its high saturation causes readability issues. Instead, utilize this color specifically for UI elements like buttons, alerts, or icons where you need to draw the user's eye quickly to a specific action.
Is #fc3a0f readable on white or black?
#fc3a0f has a 3.65:1 contrast ratio on white and 5.75: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.