#EDD553 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, neon yellow feels undeniably energetic and optimistic. Because it carries high visual weight, #edd553 works best as a punchy 10% accent rather than a dominant background. It creates a stark, legible contrast when paired with black type, ensuring high readability for UI elements or sale graphics. Avoid using this shade in large blocks, as its intensity can easily overwhelm a composition.
Questions about #edd553
What is #edd553 in RGB, HSL and CMYK?
In RGB, #edd553 is rgb(237, 213, 83), in HSL hsl(51, 81%, 63%) and in CMYK 0%, 10%, 65%, 7%.
How should I use #edd553 in a website design?
Apply #edd553 as a punchy 10% accent rather than a dominant background to avoid overwhelming your composition. It creates excellent, high-readability contrast when paired with dark charcoal or black text for buttons, calls to action, or key sale highlights.
Does #edd553 work well for large areas of text?
Avoid using #edd553 for large blocks of text or backgrounds, as its high visual intensity and neon quality can cause eye strain. It is best suited for small, high-impact graphic elements or UI components where you need to draw immediate attention.
Is #edd553 readable on white or black?
#edd553 has a 1.47:1 contrast ratio on white and 14.24: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.