#E2682A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #e2682a when a call to action needs to get clicked. This saturated orange burns warm, with red undertones that keep it bold rather than pastel. It works best as a small accent in a 10 percent slot, since full backgrounds can overwhelm a layout. Black text sits comfortably on top at about 6.2:1 contrast, clearing WCAG AA for body copy. The hex code reads strong in sports, food, and autumn designs.
Questions about #e2682a
What is #e2682a in RGB, HSL and CMYK?
In RGB, #e2682a is rgb(226, 104, 42), in HSL hsl(20, 76%, 53%) and in CMYK 0%, 54%, 81%, 11%.
What colors pair well with #e2682a?
Deep teal and navy make #e2682a look richer than neutral gray ever will. For a softer palette, try cream or warm charcoal instead of pure black.
Is #e2682a readable on white or black?
#e2682a has a 3.36:1 contrast ratio on white and 6.24: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.