#F2D42E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This glowing yellow brings immediate energy to any interface. Because of its high saturation and warmth, #f2d42e works best as a 10% accent rather than a background color. It pairs unexpectedly well with deep charcoal grays for high-contrast call-to-action buttons. Since black text provides excellent readability against it, use this hex code sparingly to highlight important UI elements or promotional graphics.
Questions about #f2d42e
What is #f2d42e in RGB, HSL and CMYK?
In RGB, #f2d42e is rgb(242, 212, 46), in HSL hsl(51, 88%, 56%) and in CMYK 0%, 12%, 81%, 5%.
How should I use #f2d42e in a user interface?
Apply #f2d42e sparingly as a 10% accent color to draw attention to call-to-action buttons or critical alerts. It is too intense for large backgrounds but offers excellent readability against charcoal or dark gray elements.
Is #f2d42e readable on white or black?
#f2d42e has a 1.47:1 contrast ratio on white and 14.23: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.