#E06100 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity orange demands attention with its bold, blazing personality. The hex code for this color is #e06100. It works best as an accent color for calls to action or seasonal highlights, as it can overwhelm larger backgrounds. Pair it with deep charcoal or slate greys to anchor its high energy and improve readability, as black text provides enough contrast to meet accessibility standards.
Questions about #e06100
What is #e06100 in RGB, HSL and CMYK?
In RGB, #e06100 is rgb(224, 97, 0), in HSL hsl(26, 100%, 44%) and in CMYK 0%, 57%, 100%, 12%.
What colors pair well with #e06100?
This vibrant shade pairs best with deep charcoal or slate greys to anchor its high energy and improve readability. These neutral tones balance the intensity of #e06100 while keeping your design professional and ensuring text remains legible on all screens.
Is #e06100 suitable for large backgrounds?
Because of its high saturation, #e06100 can easily overwhelm larger design areas and cause visual fatigue. It is significantly more effective as a targeted accent color for buttons, notifications, or specific highlights where you need to draw the eye immediately.
Is #e06100 readable on white or black?
#e06100 has a 3.57:1 contrast ratio on white and 5.87:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.