#F2C14F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f2c14f is a high-energy yellow with warm, golden undertones. Because it is highly saturated, it works best as a sharp accent rather than a full-page background, which can overwhelm the eye. Pair this color with deep charcoals or dark teals to ground its intensity. Black text reads clearly against this shade, making it a functional choice for high-contrast UI elements like buttons or notification badges.
Questions about #f2c14f
What is #f2c14f in RGB, HSL and CMYK?
In RGB, #f2c14f is rgb(242, 193, 79), in HSL hsl(42, 86%, 63%) and in CMYK 0%, 20%, 67%, 5%.
How can I effectively use #f2c14f in UI design?
#f2c14f serves as a powerful accent color for call-to-action buttons or notification badges because it demands immediate visual attention. Always pair it with high-contrast text, such as charcoal or deep navy, to maintain readability and accessibility standards.
Does #f2c14f lean warm or cool?
#f2c14f is a decidedly warm, solar yellow that radiates energy and optimism due to its golden undertones. Because of this inherent warmth, it naturally complements cooler, desaturated tones like teal or slate gray, which help balance its high saturation.
Is #f2c14f readable on white or black?
#f2c14f has a 1.67:1 contrast ratio on white and 12.51: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.