#ED6B54 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, reddish-orange shade demands immediate attention with its high-energy presence. Because it is so bright and aggressive, it works best as a 10% accent color for calls to action or alert indicators rather than a full background. If you need something slightly more muted, check out other shades of orange. The hex code for this color is #ed6b54, which maintains strong contrast against black text.
Questions about #ed6b54
What is #ed6b54 in RGB, HSL and CMYK?
In RGB, #ed6b54 is rgb(237, 107, 84), in HSL hsl(9, 81%, 63%) and in CMYK 0%, 55%, 65%, 7%.
How should I use #ed6b54 in web design?
Reserve #ed6b54 for small, high-impact elements like call-to-action buttons or notification badges. Because this shade is so saturated and aggressive, applying it to large background areas can overwhelm the viewer and make text difficult to read.
What colors pair well with #ed6b54 for a balanced palette?
Is #ed6b54 readable on white or black?
#ed6b54 has a 3.07:1 contrast ratio on white and 6.83: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.