#FFFF52 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated, electric yellow is impossible to ignore. Its intense luminance makes it better suited as a small accent rather than a background color, where it can quickly overwhelm the eye. Pair #ffff52 with deep charcoals or blacks for maximum impact. Because of its extreme brightness, black text remains perfectly readable against it, serving as a striking choice for high-visibility UI elements.
Questions about #ffff52
What is #ffff52 in RGB, HSL and CMYK?
In RGB, #ffff52 is rgb(255, 255, 82), in HSL hsl(60, 100%, 66%) and in CMYK 0%, 0%, 68%, 0%.
How can I use #ffff52 effectively in web design?
Because #ffff52 is an extremely bright, high-luminance color, it is best reserved for small UI elements like buttons, alerts, or notification badges. Using it for large backgrounds will overwhelm the viewer and make text difficult to read.
What colors pair best with #ffff52?
High-contrast pairings work best to tame this electric hue, specifically deep charcoal or pure black. Avoiding light-colored text is crucial here, as #ffff52 provides very little contrast against white, making readability a significant challenge for accessibility.
Is #ffff52 readable on white or black?
#ffff52 has a 1.06:1 contrast ratio on white and 19.67: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.