#FFE156 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, saturated yellow feels energetic and spontaneous. With its high lightness, #ffe156 functions best as a striking accent rather than a full background, where it can easily overwhelm the eye. Pair this hex code with deep charcoals or navy for strong contrast that demands attention. Because black text maintains excellent readability against it, use this hue for calls-to-action or urgent UI highlights.
Questions about #ffe156
What is #ffe156 in RGB, HSL and CMYK?
In RGB, #ffe156 is rgb(255, 225, 86), in HSL hsl(49, 100%, 67%) and in CMYK 0%, 12%, 66%, 0%.
Is #ffe156 suitable for large backgrounds in web design?
This yellow is generally too intense for full-screen backgrounds as it can easily overwhelm the eye and cause fatigue. Reserve #ffe156 for small, intentional elements like buttons, badges, or notification icons that require immediate attention from your users.
Is #ffe156 readable on white or black?
#ffe156 has a 1.29:1 contrast ratio on white and 16.15: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.