#E18531 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #e18531 graphic
#e18531 is a highly saturated, warm orange that commands attention. Because of its intensity, it works best as a punchy accent color rather than a primary background. Pair it with deep charcoals or dark navies to ground the energy and ensure readability. The hex code for this vivid shade is #e18531, which offers enough contrast to support black text in smaller UI elements.

Questions about #e18531

What is #e18531 in RGB, HSL and CMYK?
In RGB, #e18531 is rgb(225, 133, 49), in HSL hsl(29, 75%, 54%) and in CMYK 0%, 41%, 78%, 12%.
How should #e18531 be used in UI design?
Use #e18531 sparingly as a punchy accent color rather than a primary background to maintain visual balance. It works exceptionally well to draw the eye toward call-to-action buttons or highlights when paired against charcoal or deep navy tones.
Is #e18531 readable on white or black?
#e18531 has a 2.76:1 contrast ratio on white and 7.60: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.