Naples Yellow
Online color picker to view shades, tints, color codes, and complementary colors
Naples Yellow is a bright, warm hue that leans toward a glowing, sun-drenched tone. Because of its high saturation, the hex code #fada5f works best as a 10% accent to draw attention in call-to-action buttons or small UI elements. It pairs sharply with dark charcoal greys, which provide excellent readability. Avoid using this yellow as a background for light text, as it will likely cause eye strain.
About Naples Yellow
Warm honey with a lemony spark
What does naples yellow mean?
This shade often signals cheer, warmth, and attention, so people reach for it when they want a friendly, lively boost. Its high lightness and strong saturation give it a glowing lift that sparkles without turning harsh or acidic.
Where you see naples yellow
- lemon curd
- sunflower petals
- rubber ducks
- sticky notes
- bees
- caution signs
What it works for
It works well for call-to-action buttons, packaging accents, kitchen textiles, and playful branding that needs warmth without tipping into alarm.
What colors go with naples yellow?
Teal #008080Teal's cool depth settles this yellow's sparkle into something balanced and lively.Charcoal #36454fCharcoal grounds the glow, so the yellow reads as intentional rather than loud.Plum #8e4585Plum's deep reddish tone plays against the yellow's lightness for a jazzy contrast.Slate Blue #6a5acdSlate blue mutes the shine just enough to keep the mix mellow.
Questions about Naples Yellow
What is the hex code for Naples Yellow?
Naples Yellow is #fada5f. In RGB that is rgb(250, 218, 95), in HSL hsl(48, 94%, 68%) and in CMYK 0%, 13%, 62%, 2%.
How should I use #fada5f Naples Yellow in web design?
Naples Yellow is highly saturated, so use it sparingly as a 10% accent for buttons or icons to guide user interaction. It pairs exceptionally well with dark charcoal or deep navy, which ensures high readability and professional contrast.
Is Naples Yellow readable on white or black?
Naples Yellow has a 1.37:1 contrast ratio on white and 15.25: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.