#EA7231 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ea7231 is a highly saturated, energetic orange that commands immediate attention. Because of its intensity, use it sparingly as a 10 percent accent rather than a dominant background color. It pairs surprisingly well with deep charcoal grays to create a modern, high-contrast look. Black text remains readable against this hue, making it a solid choice for call-to-action buttons or small, functional UI elements.
Questions about #ea7231
What is #ea7231 in RGB, HSL and CMYK?
In RGB, #ea7231 is rgb(234, 114, 49), in HSL hsl(21, 81%, 55%) and in CMYK 0%, 51%, 79%, 8%.
How should I use #ea7231 in my design interface?
Use #ea7231 sparingly as a ten percent accent color for buttons or key call-to-action elements. Its intense saturation makes it difficult to use as a primary background, but it stands out perfectly against charcoal or dark neutral backgrounds.
Is #ea7231 readable on white or black?
#ea7231 has a 3.02:1 contrast ratio on white and 6.94: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.