#EA6B22 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ea6b22 is a high-energy, saturated orange with enough intensity to demand attention. Because it is so loud, this shade works best as an accent rather than a background color. It pairs surprisingly well with dark charcoal or deep teals, which ground its brightness. The hex code for this vivid, playful tone is #ea6b22, and it supports black text for high legibility.
Questions about #ea6b22
What is #ea6b22 in RGB, HSL and CMYK?
In RGB, #ea6b22 is rgb(234, 107, 34), in HSL hsl(22, 83%, 53%) and in CMYK 0%, 54%, 85%, 8%.
How do I use #ea6b22 effectively in a design layout?
#ea6b22 works best as a strategic accent color to draw the eye toward calls to action or key interface elements. Avoid using it as a large background fill, as its high saturation can quickly overwhelm the viewer's visual comfort.
What colors pair well with the brightness of #ea6b22?
Is #ea6b22 readable on white or black?
#ea6b22 has a 3.16:1 contrast ratio on white and 6.62: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.