#FFD014 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #ffd014 graphic
#ffd014 is a high-saturation yellow that commands attention with its intense, glowing warmth. Because it has such high visibility, this shade works best as a 10% accent color for call-to-action buttons or sale banners rather than a full background. Pair it with deep charcoal or navy to ground its jittery energy. Black text remains highly legible against this hue, satisfying WCAG accessibility requirements for small body text.

Questions about #ffd014

What is #ffd014 in RGB, HSL and CMYK?
In RGB, #ffd014 is rgb(255, 208, 20), in HSL hsl(48, 100%, 54%) and in CMYK 0%, 18%, 92%, 0%.
How should I use #ffd014 in a web design interface?
#ffd014 functions best as a high-visibility accent color rather than a background. Use it for call-to-action buttons or small UI alerts to draw immediate user attention without overwhelming the surrounding content or tiring the eye.
What colors pair well with the intensity of #ffd014?
To ground the jittery energy of #ffd014, pair it with deep, neutral tones like charcoal or navy. These dark, grounding colors provide necessary contrast and ensure the yellow pops while keeping the overall design balanced.
Is #ffd014 readable on white or black?
#ffd014 has a 1.47:1 contrast ratio on white and 14.28: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.