Example HEX: #F28C28
What does orange communicate?
Orange blends the energy of red with the optimism of yellow. Color associations depend on culture, audience, context and the specific shade used.
Where is orange used?
Use orange for approachable brands, playful illustrations, buttons and food packaging. Consider the intended audience and the surrounding visual system before making a decision.
Key properties of orange
Warmth, enthusiasm and friendliness. Saturation, lightness and neighboring colors can significantly change how a shade feels. A muted shade may read differently from a bright, saturated version of the same hue.
Design tips and combinations
Balance bright orange with navy, cream or deep brown to keep layouts readable. For important text and controls, test contrast rather than assuming a combination is accessible.
Accessibility considerations
For ordinary text, WCAG guidance generally recommends a contrast ratio of at least 4.5:1, and 3:1 for large text. Do not use color as the only way to communicate important information.
Try this color
Open the PickColor palette generator and enter #F28C28 in the HEX field to explore harmonies.