#F6C014 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation, warm yellow commands attention with its intense, glowing character. Because #f6c014 is so bright, it works best as a targeted 10% accent rather than a primary background color. It pairs surprisingly well with deep charcoal grays to create a clean, high-contrast look for digital interfaces. The hex code for this energetic shade is #f6c014, and it supports crisp, readable black text for all accessibility requirements.
Questions about #f6c014
What is #f6c014 in RGB, HSL and CMYK?
In RGB, #f6c014 is rgb(246, 192, 20), in HSL hsl(46, 93%, 52%) and in CMYK 0%, 22%, 92%, 4%. Browse more shades of yellow with names and hex codes.
How should I use #f6c014 in a UI design?
Because #f6c014 is extremely vibrant, use it sparingly as a 10% accent color for call-to-action buttons or highlights. It can overwhelm the eye if used as a primary background, so balance it with neutral tones like charcoal to keep your interface readable.
What colors pair well with the #f6c014 hex color?
This yellow creates a bold, modern contrast when paired with dark, cool-toned neutrals like charcoal or deep navy. For a more sophisticated palette, try balancing its intensity with muted, earthy greens or soft off-whites to ground the brightness.
Is #f6c014 readable on white or black?
#f6c014 has a 1.68:1 contrast ratio on white and 12.46: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.