#F5A300 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bright and highly saturated, #f5a300 is a warm orange with a clean golden undertone. Its medium lightness gives it a glowing, energetic presence that suggests optimism and adventure. Designers can use this hex code for food packaging, sports graphics, safety accents, or youth branding. It works as a strong accent or display color, with black text for clear small-text contrast.
Questions about #f5a300
What is #f5a300 in RGB, HSL and CMYK?
In RGB, #f5a300 is rgb(245, 163, 0), in HSL hsl(40, 100%, 48%) and in CMYK 0%, 33%, 100%, 4%.
What colors pair well with #f5a300 in a design palette?
#f5a300 pairs well with navy, charcoal, deep purple, and muted blue-green because these darker or cooler tones temper its high saturation and warm golden cast while giving the palette a steadier visual base. Keep orange for buttons, highlights, or key visual details.
Where does #f5a300 work best in a layout?
#f5a300 works best as an accent or display color when its high chroma needs attention, especially in sports graphics, food and beverage packaging, construction safety cues, autumn campaigns, and youth-oriented interfaces. Large areas can feel intense, so pair it with restrained neutrals.
Is #f5a300 readable on white or black?
#f5a300 has a 2.07:1 contrast ratio on white and 10.12: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.