Safety Orange
Online color picker to view shades, tints, color codes, and complementary colors
Safety Orange is a high-intensity shade that demands attention. Because of its extreme saturation, it works best as a punchy accent or a call-to-action button rather than a background color. Pair this vivid hue with deep charcoal or navy to ground its aggressive energy. The hex code for Safety Orange is #ff6600, which offers strong readability against black text.
Questions about Safety Orange
What is the hex code for Safety Orange?
Safety Orange is #ff6600. In RGB that is rgb(255, 102, 0), in HSL hsl(24, 100%, 50%) and in CMYK 0%, 60%, 100%, 0%.
How should I use Safety Orange #ff6600 effectively in a design?
Safety Orange #ff6600 carries extreme visual weight, making it ideal for tactical elements like buttons or notification icons rather than backgrounds. It acts as a powerful focal point that guides the eye, especially when balanced against neutral, grounded tones.
What colors pair well with Safety Orange #ff6600?
Is Safety Orange readable on white or black?
Safety Orange has a 2.93:1 contrast ratio on white and 7.15: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.