#FFF484 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, luminous yellow radiates pure optimism and high energy. Because it sits at high lightness, #fff484 works best as an accent color for calls to action or sale banners rather than a full background. It pairs exceptionally well with charcoal gray or deep navy, as the high contrast ensures excellent legibility. The hex code for this color is #fff484.
Questions about #fff484
What is #fff484 in RGB, HSL and CMYK?
In RGB, #fff484 is rgb(255, 244, 132), in HSL hsl(55, 100%, 76%) and in CMYK 0%, 4%, 48%, 0%.
What colors pair well with the #fff484 yellow?
This bright yellow balances beautifully against dark, neutral tones like charcoal gray, deep navy, or matte black. Because #fff484 is so luminous, using it alongside dark colors provides the necessary visual tension to create high-legibility text and button designs.
Is #fff484 suitable for background use in UI design?
Using #fff484 as a primary background color is generally not recommended because its high lightness can cause eye strain and make white text difficult to read. It functions much more effectively as a vibrant pop of color for UI elements.
Is #fff484 readable on white or black?
#fff484 has a 1.13:1 contrast ratio on white and 18.52: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.