#F7CD00 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation yellow is aggressive and attention-grabbing, making it ideal for call-to-action buttons or small alerts. Because of its intense brightness, #f7cd00 can quickly overwhelm a layout if used in large blocks. Pair it with deep charcoal or matte black to ground the energy and improve readability. The hex code for this piercing yellow is #f7cd00.
Questions about #f7cd00
What is #f7cd00 in RGB, HSL and CMYK?
In RGB, #f7cd00 is rgb(247, 205, 0), in HSL hsl(50, 100%, 48%) and in CMYK 0%, 17%, 100%, 3%. Browse more shades of yellow with names and hex codes.
How do I balance the intensity of #f7cd00 in a layout?
Use #f7cd00 sparingly as an accent color for functional elements like buttons or notification badges rather than large backgrounds. It creates visual fatigue quickly, so pairing it with deep charcoal or matte black provides the necessary contrast to ground the design effectively.
Is #f7cd00 a good choice for text?
Avoid using #f7cd00 for body text or fine details because its high brightness makes it nearly impossible to read against light backgrounds. If you must use it for type, ensure it is only for large headers against a dark, high-contrast backdrop.
Is #f7cd00 readable on white or black?
#f7cd00 has a 1.53:1 contrast ratio on white and 13.68: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.