#FEE16D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, sunny yellow carries a high chroma that commands attention. Because it is so luminous, #fee16d works best as an accent color for calls-to-action rather than a full page background. It pairs exceptionally well with deep charcoals, as black text creates a sharp 16.2:1 contrast ratio that ensures perfect readability. Use this hex code sparingly to add energy to your UI designs.
Questions about #fee16d
What is #fee16d in RGB, HSL and CMYK?
In RGB, #fee16d is rgb(254, 225, 109), in HSL hsl(48, 99%, 71%) and in CMYK 0%, 11%, 57%, 0%.
Why is #fee16d best used as an accent rather than a background?
Because #fee16d has such high luminosity and chroma, using it across large areas often causes eye fatigue and makes text difficult to read. It functions best when used sparingly to guide user focus toward important interactive elements like buttons.
What colors pair well with #fee16d for UI design?
This yellow pairs exceptionally well with charcoal or very dark grays, providing the sharp contrast necessary for accessible typography. You can also pair it with deep, muted blues to create a balanced, professional look that tempers its intense warmth.
Is #fee16d readable on white or black?
#fee16d has a 1.29:1 contrast ratio on white and 16.20: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.