#F4DD6B Hex Color

Optimistic, high-energy yellow for vivid accents

Hex color #f4dd6b graphic
#f4dd6b is a high-energy yellow that feels immediate and optimistic. Because of its saturation, it serves best as a purposeful accent rather than a background. Pair it with charcoal or deep navy for sharp, readable contrast. Black text sits at a 15.4:1 ratio against it, making this hex code ideal for sale tags or high-visibility UI elements.

Questions about #f4dd6b

What is #f4dd6b in RGB, HSL and CMYK?
In RGB, #f4dd6b is rgb(244, 221, 107), in HSL hsl(50, 86%, 69%) and in CMYK 0%, 9%, 56%, 4%.
What colors pair well with #f4dd6b?
High-contrast pairings work best for #f4dd6b because of its high saturation. Use dark, neutral tones like charcoal or deep navy to create readable text or graphic elements that stand out without overwhelming the viewer's eye.
Is #f4dd6b a good background color?
While #f4dd6b is visually arresting, it is generally too intense to use as a primary background color for large text blocks. Reserve this high-energy yellow for buttons, sale tags, or small UI elements where high visibility is the goal.
Is #f4dd6b readable on white or black?
#f4dd6b has a 1.36:1 contrast ratio on white and 15.40: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.