#FFE628 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy yellow is intense, saturated, and impossible to ignore. Because #ffe628 is so vivid, it works best as a 10% accent color for calls-to-action or sale buttons rather than a full background. It pairs exceptionally well with deep charcoal or navy text to ensure readability, as it supports a high contrast ratio of 16.6:1 for accessibility. The hex code for this shade is #ffe628.
Questions about #ffe628
What is #ffe628 in RGB, HSL and CMYK?
In RGB, #ffe628 is rgb(255, 230, 40), in HSL hsl(53, 100%, 58%) and in CMYK 0%, 10%, 84%, 0%.
How should I use #ffe628 in a web design interface?
#ffe628 works best as a 10% accent color for primary buttons or sale alerts to draw immediate user attention. Because it is so bright, avoid using it as a text color or full background, as it can cause significant eye strain.
What colors pair well with the #ffe628 yellow?
Deep charcoals and navy blues are the best partners for #ffe628 because they offer the strong contrast needed for readability. You can also pair it with softer neutrals to ground the intensity of this specific yellow hue.
Is #ffe628 readable on white or black?
#ffe628 has a 1.26:1 contrast ratio on white and 16.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.