#F2CC10 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This sparkling yellow is high in saturation, radiating warmth and immediate energy. Because it commands attention, #f2cc10 works best as a 10% accent color for calls to action rather than a full background. It pairs exceptionally well with charcoal gray, providing strong contrast for readability. The hex code for this vivid shade is #f2cc10, a practical choice for budget-conscious or promotional branding.
Questions about #f2cc10
What is #f2cc10 in RGB, HSL and CMYK?
In RGB, #f2cc10 is rgb(242, 204, 16), in HSL hsl(50, 90%, 51%) and in CMYK 0%, 16%, 93%, 5%. Browse more shades of yellow with names and hex codes.
How should I use #f2cc10 in a user interface?
Apply #f2cc10 sparingly as a 10% accent color for interactive elements like buttons, notification badges, or alert icons. Because this shade is incredibly saturated, it can overwhelm a layout if used as a background color, leading to visual fatigue for the user.
Is #f2cc10 readable on white or black?
#f2cc10 has a 1.56:1 contrast ratio on white and 13.42: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.