Orange Color Picker & Palette
Orange combines the energy of red with the warmth of yellow. It's energetic, friendly, and widely used for CTAs and creative branding.
#ffa500
rgb(255, 165, 0)
hsl(39, 100%, 50%)
oklch(0.793 0.171 70.7)
cmyk(0%, 35%, 100%, 0%)
Use Cases
Call-to-action buttons
Creative and entertainment branding
Food and beverage packaging
Halloween and autumn themes
Tips
Orange CTAs often outperform other colors
Pair with dark blue for a striking contrast
Burnt orange (#CC5500) feels more refined
FAQ
What is the HEX code for orange?
CSS orange is #FFA500. It has RGB values of 255, 165, 0.
What colors complement orange?
Blue is orange's complement. It also pairs well with white, dark gray, navy, and teal.
Is orange accessible?
Orange (#FFA500) on white has a contrast ratio of 2.15:1 — fails WCAG. Use darker oranges like #C76100 for text.
How do I make orange in HSL?
Orange (#FFA500) in HSL is hsl(39, 100%, 50%).