#FB6C04 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity orange demands immediate attention, making it ideal for call-to-action buttons or small UI accents. Avoid using it as a large background, as its saturation can become overwhelming. The hex code #fb6c04 pairs surprisingly well with deep charcoal grays to create a modern, high-contrast look. Because black text remains legible on this shade, it offers excellent accessibility for small labels or icons.
Questions about #fb6c04
What is #fb6c04 in RGB, HSL and CMYK?
In RGB, #fb6c04 is rgb(251, 108, 4), in HSL hsl(25, 97%, 50%) and in CMYK 0%, 57%, 98%, 2%.
How can I balance the intensity of #fb6c04 in a layout?
Limit #fb6c04 to small UI elements like buttons, icons, or notification badges to prevent visual fatigue. Pairing it with dark charcoal or deep neutral grays creates a sophisticated, modern contrast that keeps the interface legible and balanced.
Is #fb6c04 suitable for text-heavy designs?
This orange is generally too saturated for long-form body text, as it strains the eyes during extended reading. Use it sparingly for headings or highlights, and always ensure your primary text relies on high-contrast, dark neutral colors for accessibility.
Is #fb6c04 readable on white or black?
#fb6c04 has a 2.89:1 contrast ratio on white and 7.24:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.