Circle of Fifths

Click any key to see its diatonic chords, related keys, and common progressions. Every chord links out to the chord chart and scale chart for fingerings and scales.

Direction
Chord style
CGDAEBF♯/G♭D♭A♭E♭B♭FAmEmBmF♯mC♯mG♯mD♯m/E♭mB♭mFmCmGmDmC

C major

No accidentals

Related Keys

Diatonic Chords

I
C
ii
Dm
iii
Em
IV
F
V
G
vi
Am
vii°

Click a chord name to open the chord chart. Press ▶ to play.

→ View the scale for this key

Progression Player

Add chord (by degree)
Current progression
Pick a preset or add chords from the buttons above.
90
beats/chord

Legend

Dominant (V)
Subdominant (IV)
Relative
Progression

FAQ

What's the difference between circle of fifths and circle of fourths?

Both show the same relationships between the 12 keys, but in reverse order. In '5ths' mode, moving clockwise goes up by fifths: C→G→D→A… In '4ths' mode, moving clockwise goes up by fourths: C→F→B♭→E♭… (equivalent to going down by fifths). Use the direction toggle at the top to flip the layout itself, so either way you can just read clockwise. Since chord motion most often moves in fourths (V→I), the 4ths view is handy for analyzing progressions like ii–V–I.

What are diatonic chords?

The seven chords built from the notes of a given scale. In C major: C, Dm, Em, F, G, Am, B°. They form the vocabulary of that key.

What is modal interchange?

Borrowing chords from the parallel minor (same root, opposite mode). Using Fm (iv) or A♭ (♭VI) in C major adds a moment of shadow to a bright key.

What are secondary dominants?

Dominant-7th chords that tonicize a diatonic chord other than I. For example V/ii in C major is A7, which resolves to Dm, reinforcing ii as a temporary tonic.

How do I use the progression player?

Pick a preset or add chords by degree (I, ii, iii…). Set the BPM and beats per chord, then press ▶ to hear the progression in the selected key.

How to Use the Circle of Fifths Tool

Click any major key on the outer ring or minor key on the inner ring. The detail panel shows the diatonic chords, related keys, and optional modal interchange / secondary dominant chords. Every chord links out to the chord chart for fingerings. Use the progression player to preview cadences.

  1. Click a major key (outer ring) or minor key (inner ring) to select it
  2. Tap a diatonic chord to open its chord-chart page with voicings
  3. Click a related key (dominant, subdominant, relative, parallel) to jump there
  4. Pick a preset progression, or build your own with the degree buttons
  5. Set the BPM and beats-per-chord, then press ▶ to hear the progression
  6. Explore modal interchange and secondary dominants for deeper harmony

Related Articles

Related Tools

notave

Take your guitar notation to the next level

notave — Clean guitar TAB, right in your browser

  • Smart voicing suggestions — just pick a chord name
  • TAB and standard notation rendered simultaneously in real time
  • Video export and lead-sheet chord chart view
Get started for free

This tool uses the following open-source libraries:

  • smplr — MIT License, © danigb