HTML Entity for Uppercase O Umlaut (Ö)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+00D6
HTML Entity for Uppercase O Umlaut tutorial illustration

What You'll Learn

How to display the uppercase O with diaeresis (Ö) in HTML using named entity, hexadecimal, decimal, and CSS escape methods. Also called O umlaut, this character is U+00D6 in the Latin-1 Supplement block—the letter O with two dots above.

Render it with Ö, Ö, Ö, or CSS escape \00D6. HTML provides the named entity Ö. In UTF-8 documents you can also type Ö directly. Do not confuse Ö with Ø (O slash) or Õ (O tilde).

⚡ Quick Reference — Uppercase O Umlaut Entity

Unicode U+00D6

Latin-1 Supplement

Hex Code Ö

Hexadecimal reference

HTML Code Ö

Decimal reference

Named Entity Ö

HTML5 named entity

Reference Table
Name           Value
────────────   ──────────
Unicode        U+00D6
Hex code       Ö
HTML code      Ö
Named entity   Ö
CSS code       \00D6
Meaning        Latin capital letter O with diaeresis
Related        U+00F6 = ö (lowercase, ö)
Block          Latin-1 Supplement (U+0080–U+00FF)
1

Complete HTML Example

A simple example showing the uppercase O umlaut (Ö) using the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\00D6";
  }
 </style>
</head>
<body>
<p>Symbol (named): &Ouml;</p>
<p>Symbol (hex): &#x00D6;</p>
<p>Symbol (decimal): &#214;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

The uppercase O umlaut (Ö) and the named entity &Ouml; are supported in all modern browsers:

Chrome1+
Firefox1+
Safari1+
Edge12+
Opera4+
Android4.4+
iOS Safari1+

👀 Live Preview

See the uppercase O umlaut (Ö) in language contexts:

Large glyphÖ
GermanKÖLN  |  ÖSTERREICH  |  MÖCHTE (capitalized)
SwedishÖL  |  FÖR (capitalized)
TurkishGÖL  |  ÖNCE (capitalized)
Named entity&Ouml; renders as Ö
Lowercaseö (U+00F6) — use &ouml;
Not the same asØ (stroke)  |  Õ (tilde)  |  plain O
Numeric refs&#x00D6; &#214; &Ouml; \00D6

🧠 How It Works

1

Named Entity

&Ouml; is the HTML named entity for O umlaut (diaeresis)—readable in source HTML and widely used for German and Nordic content.

HTML markup
2

Hexadecimal Code

&#x00D6; uses the Unicode hexadecimal value 00D6 to display the character. The x prefix indicates hexadecimal format.

HTML markup
3

Decimal HTML Code

&#214; uses the decimal Unicode value 214 to display the same character. A common method when a numeric reference is needed.

HTML markup
4

CSS Entity

\00D6 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Same visual result

All four methods produce the glyph: Ö. Unicode U+00D6 sits in Latin-1 Supplement. Lowercase equivalent: U+00F6 (ö, &ouml;). Do not confuse with Ø (stroke) or Õ (tilde).

✅

Use Cases

The uppercase O umlaut (Ö) is commonly used in:

🇩🇪 German

Capitalized words and place names (KÖLN, ÖSTERREICH). Ö is a distinct letter in the German alphabet.

🇳🇴 Swedish & Finnish

Used in Swedish (ÖL, FÖR) and Finnish orthography. Critical for Nordic localization and search.

🇹🇷 Turkish

Used in Turkish (GÖL, ÖNCE). Ö is a separate letter in the Turkish alphabet.

🌐 Multilingual sites

Headings, menus, titles, and forms for Germanic and Turkic language audiences.

📚 Language learning

Lessons, dictionaries, and apps teaching German, Swedish, Finnish, or Turkish spelling.

♿ Accessibility

Using U+00D6 or &Ouml; with proper lang attributes ensures assistive technologies pronounce text correctly.

⚙ Programmatic HTML

When generating markup, &Ouml; or &#214; guarantees correct umlaut-O output.

💡 Best Practices

Do

  • Use U+00D6 (Ö) for German, Swedish, Finnish, Turkish, and related languages
  • Prefer &Ouml; over numeric codes when using entities—it is more readable
  • Set lang="de", lang="sv", lang="fi", or lang="tr" on content blocks
  • Serve pages as UTF-8; you can also type Ö directly in UTF-8 source
  • Distinguish Ö from Ø (stroke), Õ (tilde), and plain O

Don’t

  • Substitute Ø (stroke) or plain O when Ö is required
  • Use “OE” as a permanent replacement for Ö in German proper names when Ö is standard
  • Confuse Ö with Õ (tilde) or Ô (circumflex)
  • Put CSS escape \00D6 in HTML text nodes
  • Mix entity styles inconsistently within the same project

Key Takeaways

1

Four references render Ö; named entity is &Ouml;

&Ouml; &#x00D6; &#214;
2

For CSS stylesheets, use the escape in the content property

\00D6
3

Unicode U+00D6 — LATIN CAPITAL LETTER O WITH DIAERESIS

4

German, Swedish, Finnish, Turkish; lowercase is ö (&ouml;)

5

Previous: Uppercase O Tilde Macron (Ȭ)   Next: Uppercase Oe

❓ Frequently Asked Questions

Use the named entity &Ouml;, hexadecimal &#x00D6;, decimal &#214;, or \00D6 in CSS content. The named entity is the most readable. In UTF-8 you can also type Ö directly.
U+00D6 (LATIN CAPITAL LETTER O WITH DIAERESIS). Latin-1 Supplement block. Hex 00D6, decimal 214. Used in German, Swedish, Finnish, Turkish, and other languages. Lowercase form is U+00F6 (ö, &ouml;).
When displaying German, Swedish, Finnish, Turkish, or other text at sentence start or in capitalized words (e.g. KÖLN, ÖSTERREICH, ÖL), in multilingual websites, and when you need a reliable character reference.
Yes. The named HTML entity for Ö is &Ouml;. You can also use &#x00D6;, &#214;, or the CSS entity \00D6. In UTF-8 pages you can type Ö directly.
Ö (U+00D6) is O with diaeresis, used in German, Swedish, Finnish, and Turkish. Ø (U+00D8) is O with stroke, used in Danish and Norwegian (&Oslash;). They are different letters with different pronunciations.

Explore More HTML Entities!

Discover 1500+ HTML character references — letters, symbols, and more.

All HTML Entities →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Uppercase O Tilde Macron (Ȭ) Uppercase Oe