#F2CA48 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f2ca48 is a bright, warm yellow that commands attention without being neon. Because it carries high saturation, use it sparingly as a 10% accent color rather than a large background. It pairs exceptionally well with charcoal greys or deep navy for high-contrast, readable UI elements. The hex code for this yellow is #f2ca48, which supports black text accessibility standards for better legibility on busy screens.
Questions about #f2ca48
What is #f2ca48 in RGB, HSL and CMYK?
In RGB, #f2ca48 is rgb(242, 202, 72), in HSL hsl(46, 87%, 62%) and in CMYK 0%, 17%, 70%, 5%.
How should I use #f2ca48 in a digital design?
#f2ca48 works best as a 10% accent color to draw attention without overwhelming the viewer. Because it carries high saturation, use it for buttons or highlights paired against charcoal or deep navy backgrounds to ensure excellent text legibility.
Is #f2ca48 readable on white or black?
#f2ca48 has a 1.57:1 contrast ratio on white and 13.31: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.