Skip to content
Music & Production Simple #frequency#spectrum#mixing

Audio Frequency Spectrum

Sub-bass to air: the full 20Hz-20kHz range with annotated regions, instruments, and human hearing sensitivity.

A free, animated audio frequency spectrum you can read here or embed on any website, from Scrollchart.

Audio Frequency Spectrum

Audio Frequency Spectrum20Hz to 20kHz (human hearing range) - logarithmic scalePresence peakHearing most sensitive 2-5kHzfelt notheardwarmth +bodyclarity + presenceair + sparkle

Logarithmic frequency axis 20Hz-20kHz with colored bands: sub-bass (20-60Hz), bass (60-250Hz), mids (250Hz-4kHz), highs (4-20kHz). Frequency response curve with presence peak at 2-4kHz annotated.

Good for

  • EQ tutorials
  • Mixing reference articles
  • Audio engineering explainers

Source & accuracy

This audio frequency spectrum is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

Regions of the audible spectrum

Human hearing spans roughly 20 Hz to 20 kHz, though the upper limit declines with age. The range is conventionally divided into bands: sub-bass (about 20 to 60 Hz), bass (60 to 250 Hz), low mids (250 to 500 Hz), mids (500 Hz to 2 kHz), high mids or presence (2 to 6 kHz), and treble or air (6 to 20 kHz). The fundamental frequencies of most musical notes sit in the bass and midrange, while the higher bands carry harmonics, articulation, and a sense of openness.

Where instruments and sensitivity sit

Different sources occupy characteristic regions: a kick drum and bass guitar live in sub-bass and bass, vocals and most instruments center in the mids, and cymbals and string detail extend into the treble. Human hearing is most sensitive between roughly 2 and 5 kHz, the band that carries speech intelligibility, a sensitivity captured by equal-loudness contours (the Fletcher-Munson curves). This is why even small boosts in the presence region are easily noticed.

Embed this diagram

Add this animated audio frequency spectrum to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated audio frequency spectrum for any website.
Who uses it
Music & audio blogs.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="audio-frequency-spectrum" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Audio Frequency Spectrum" for my website?
Scrollchart provides "Audio Frequency Spectrum" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a audio frequency spectrum in WordPress or a static site?
Paste the HTML snippet from the Scrollchart diagram page into your WordPress post (in HTML/code view), your Webflow embed block, or directly into a static HTML file. No plugin is needed. The diagram loads from scrollchart.com and paints in as the reader scrolls.