#FF9500 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Barcelona Orange is a high-energy, neon-adjacent hue that demands attention. Due to its intense saturation, this color works best as a 10% accent rather than a dominant background. Pair it with deep charcoal to anchor the composition. Black text remains highly readable against this shade, offering excellent contrast for UI elements. The hex code is #ff9500, a bold choice for sports or youth-oriented design projects.
Questions about Barcelona Orange
What is the hex code for Barcelona Orange?
Barcelona Orange is #ff9500. In RGB that is rgb(255, 149, 0), in HSL hsl(35, 100%, 50%) and in CMYK 0%, 42%, 100%, 0%.
How should I use Barcelona Orange #ff9500 in a UI layout?
Barcelona Orange #ff9500 is best utilized as a tactical accent color rather than a primary background to avoid overwhelming the user. Reserve it for critical call-to-action buttons or status indicators where you need to draw immediate attention against neutral surfaces like charcoal or slate gray.
What colors pair well with #ff9500 for a balanced design?
This high-intensity orange pairs most effectively with deep neutrals like charcoal or matte black, which ground the brightness and enhance readability. For a more adventurous scheme, consider a split-complementary palette using cool blues or deep teals to create necessary visual tension and depth.
Is Barcelona Orange readable on white or black?
Barcelona Orange has a 2.19:1 contrast ratio on white and 9.55: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.