How to Type ö (O with umlaut) on HTML

Published September 1, 2026, 2 min read

Need ö on HTML for a name, an address or a word in another language? You do not have to copy it from a website every time. The fastest method is ö, and there are a few backups below for when that one is not available.

ö on HTML: ö

Ö on HTML: Ö

Or copy it:

Method 1: Codes for web pages

Format	Code for ö
Named entity	`ö`
Decimal entity	`ö`
Hex entity	`ö`
CSS content	`content: "\00F6";`
JavaScript	`"\u00F6"`
URL encoded	`%C3%B6`
UTF-8 bytes	`C3 B6`

Method 2: Type it directly with UTF-8

If your page starts with <meta charset="utf-8"> and the file is saved as UTF-8, you can paste ö straight into the HTML. Entities are only needed when your editor or database cannot store the character.

Method 3: Watch for normalization

ö can also be written as o plus a combining mark. Both look the same but compare as different strings. In JavaScript, call str.normalize("NFC") before comparing or searching.

How to type the capital Ö

The uppercase form works the same way with Shift added where a letter is typed.

Codes for web pages

Format	Code for Ö
Named entity	`Ö`
Decimal entity	`Ö`
Hex entity	`Ö`
CSS content	`content: "\00D6";`
JavaScript	`"\u00D6"`
URL encoded	`%C3%96`
UTF-8 bytes	`C3 96`

Type it directly with UTF-8

If your page starts with <meta charset="utf-8"> and the file is saved as UTF-8, you can paste Ö straight into the HTML. Entities are only needed when your editor or database cannot store the character.

About the letter ö

ö is Unicode U+00F6, named LATIN SMALL LETTER O WITH DIAERESIS. It is used in German, Hungarian, Turkish, Swedish, Finnish, Icelandic, Dutch and Estonian. Two dots above a letter. As a German umlaut it changes the vowel sound (ä, ö, ü); as a diaeresis in French, Dutch, Spanish or English (naïve, Noël) it shows that a vowel is pronounced separately. See the ö character page for every code and shortcut.

Troubleshooting

If you see Ã and other symbols, the file is UTF-8 but the browser reads it as Windows-1252. Add the meta charset tag.
Named entities are case sensitive: É and é are different letters.
In XML and XHTML only five named entities exist, so use numeric codes there.

Frequently asked questions

What is the shortcut for ö on HTML?

ö.

Can I just copy and paste ö?

Yes. Click the copy button above, then paste with Ctrl+V on Windows and Chromebook, Cmd+V on a Mac, or touch and hold and choose Paste on a phone.

What is the Unicode code for ö?

U+00F6. In HTML it is ö.

Related guides

All accent shortcuts for HTML