#ED6B32 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-energy and intensely saturated, #ed6b32 demands attention in any layout. It functions best as an accent color for calls to action or buttons rather than a dominant background. Because it pairs aggressively with stark whites, try using it alongside deep charcoals or muted teals to ground its intensity. The hex code for this bold orange is #ed6b32.
Questions about #ed6b32
What is #ed6b32 in RGB, HSL and CMYK?
In RGB, #ed6b32 is rgb(237, 107, 50), in HSL hsl(18, 84%, 56%) and in CMYK 0%, 55%, 79%, 7%.
How should I effectively use the bold orange of #ed6b32 in design?
#ed6b32 functions best as a focused accent color for call-to-action buttons or small UI elements that require immediate user attention. Avoid using this high-intensity tone for large backgrounds or long-form text blocks, as its vibrancy can quickly overwhelm a layout.
Is #ed6b32 readable on white or black?
#ed6b32 has a 3.11:1 contrast ratio on white and 6.75: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.