#F2DC26 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation yellow demands attention, acting best as a 10% accent color for buttons or callouts. While #f2dc26 feels energetic and optimistic, avoid using it as a large background to prevent eye strain. Black text provides high-contrast readability against this bright hue. Use this hex code sparingly to guide user action in UI design or to inject spontaneity into marketing materials.
Questions about #f2dc26
What is #f2dc26 in RGB, HSL and CMYK?
In RGB, #f2dc26 is rgb(242, 220, 38), in HSL hsl(54, 89%, 55%) and in CMYK 0%, 9%, 84%, 5%.
What colors pair well with #f2dc26?
Is #f2dc26 suitable for background use?
Avoid using #f2dc26 as a large background because its high saturation quickly causes eye strain and makes long-form text difficult to read. Reserve this bright, energetic shade for small interface elements like buttons, badges, or callouts.
Is #f2dc26 readable on white or black?
#f2dc26 has a 1.39:1 contrast ratio on white and 15.04: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.