#E69900 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, warm orange demands attention. It is a high-chroma shade that feels intense and energetic. Because of its intensity, use hex code #e69900 as an accent color for calls to action rather than a large background. It pairs well with deep charcoal grays for a clean, industrial look. Black text remains highly legible against this tone, ensuring strong contrast for UI elements.
Questions about #e69900
What is #e69900 in RGB, HSL and CMYK?
In RGB, #e69900 is rgb(230, 153, 0), in HSL hsl(40, 100%, 45%) and in CMYK 0%, 33%, 100%, 10%.
Where does #e69900 work best in UI design?
Use #e69900 specifically for high-priority call-to-action buttons or status highlights that require immediate user focus. Its high chroma makes it visually aggressive, so avoid using it for large background surfaces where it could create eye fatigue or visual clutter.
What colors pair well with #e69900 for a professional look?
This intense orange looks sophisticated when paired with charcoal or deep slate tones, which anchor its brightness without competing for attention. Using it alongside neutral greys creates a clean, industrial aesthetic that keeps the interface modern and highly readable.
Is #e69900 readable on white or black?
#e69900 has a 2.35:1 contrast ratio on white and 8.92: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.