#FFD116 Hex Color

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

Hex color #ffd116 graphic
This yellow is bright, saturated, and full of warm glow. The hex code #ffd116 works best as a bold accent on dark layouts; across a full background it can fatigue the eye fast. It reads energetic and urgent, which suits sale tags and construction signage. Black text on it reaches about 14.4:1 contrast, clearing WCAG AA with room to spare.

Questions about #ffd116

What is #ffd116 in RGB, HSL and CMYK?
In RGB, #ffd116 is rgb(255, 209, 22), in HSL hsl(48, 100%, 54%) and in CMYK 0%, 18%, 91%, 0%.
What colors pair well with #ffd116?
Deep navy gives #ffd116 its richest contrast, and charcoal keeps it grounded in UI layouts. Avoid orange and lime neighbors, since their warmth flattens the yellow's glow.
Is #ffd116 readable on white or black?
#ffd116 has a 1.45:1 contrast ratio on white and 14.38: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.