HTML Entity for Uppercase O Umlaut (Ö)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+00D6

HTML Entity for uppercase O umlaut (U+00D6) tutorial illustration

Definition

What Is Uppercase O Umlaut?

Uppercase O umlaut (Ö) is the Unicode character at U+00D6 in Latin-1 Supplement. Official name: LATIN CAPITAL LETTER O WITH DIAERESIS — a capital O with two dots above, used as a letter in German, Swedish, Finnish, Turkish, and related orthographies.

Remember

Character     Ö
Unicode       U+00D6
Named entity  &Ouml;  (capital O)
Hex entity    &#xD6;
Decimal       &#214;
CSS escape    \00D6
Not the same  ö · Ø · Ő

Prefer Ö in HTML markup — the capital O in the name matters. Numeric forms and typing Ö in UTF-8 also work. For the lowercase letter, use ö (ö).

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	`Ö`	HTML markup (preferred)
Direct character	`Ö`	HTML text (UTF-8)
Hex entity	`Ö`	HTML markup
Decimal entity	`Ö`	HTML markup
CSS escape	`\00D6`	Stylesheet `content`
Lowercase (related)	ö (U+00F6)	Named `ö`

When to Use Which

Situation	Use
Capital O with diaeresis (Ö)	`Ö` or type `Ö`
Lowercase o with diaeresis (ö)	ö (`ö`)
Capital O with stroke (Ø)	Ø (`Ø`)
Capital O with double acute (Ő)	Ő (`&Odblac;`)
IPA small capital OE (ɶ)	ɶ (`ɶ`)
Generated text via `::before` / `::after`	`content: "\00D6"`

See it

Live Preview

Uppercase O umlaut rendered alone and next to related letters.

Large glyph Ö

Notation KÖLN

Compared Ö | ö | Ø | Ő

Hint Compare: Diaeresis Ö | Lower ö | Stroke Ø | Double acute Ő

With entities Named: Ö | Hex: Ö | Decimal: Ö

Code

Complete HTML Example

One page that shows the letter with named, hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Named + Hex + Decimal + CSS + Typed

Five ways to produce Ö, plus a short German place name.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Uppercase O Umlaut (Ö)</title>
  <style>
    #point::after {
      content: "\00D6";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: &Ouml;</p>
  <p>Using Hex Code: &#xD6;</p>
  <p>Using HTML Code: &#214;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: Ö</p>
  <p lang="de">German: K&Ouml;LN</p>
</body>
</html>

Try It Yourself

How It Works

1. Named: Ö (capital O) is the clearest HTML form for U+00D6. Lowercase ö is a different character (ö).

2. Hex: U+00D6 → Ö in HTML. Same glyph as the named entity.

3. Decimal: same code point as 214 → Ö. Same glyph as hex and named.

4. CSS: use \00D6 in content (not an HTML entity). #point::after appends that Ö after the paragraph text.

5. Typed / word: paste Ö in UTF-8, or write KÖLN with lang="de".

Pitfalls & Tips

Common mistakes when working with U+00D6.

Case

Ö ≠ ö

Ö → Ö (capital). ö → ö (lowercase). Entity names are case-sensitive.

vs Ø

Not a stroke

Ø (Ø) is Danish/Norwegian Ø. Ö has two dots — not a diagonal slash.

vs Ő

Not double acute

Ő (&Odblac;) is Hungarian Ő with two acute marks. Diaeresis dots are rounder and different.

vs OE

Not ASCII OE

Typing OE or Oe is not the same as one letter Ö. Prefer Ö when the language requires it.

Encoding

Keep UTF-8 declared

Latin-1 letters display reliably with <meta charset="UTF-8">. Prefer named entities when encoding is uncertain.

CSS vs HTML

Do not mix escapes

\00D6 belongs in CSS strings. Ö / Ö / Ö belong in HTML.

A11y

Use real language context

When Ö appears in German or Swedish words, keep surrounding text and lang accurate (for example lang="de" or lang="sv").

Compatibility

Browser Support

Uppercase O umlaut (U+00D6) and its entity forms (Ö, Ö, Ö, CSS \\00D6) are supported in all mainstream browsers. Latin-1 glyphs are standard in system fonts.

✓ Universal support

Uppercase O Umlaut (Ö)

Encode with named, hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.

100% Browser coverage

Google Chrome Supported

Yes

Microsoft Edge Supported

Yes

Mozilla Firefox Supported

Yes

Apple Safari Supported

Yes

Opera Supported

Yes

Internet Explorer All versions

Yes

U+00D6 / Ö Full support

Bottom line: Prefer Ö (capital O) in HTML. Use \\00D6 only inside CSS content. Do not confuse with ö (ö) or stroke Ø.

Remember

Key Takeaways

Unicode: uppercase O umlaut is U+00D6 (decimal 214) — glyph Ö.
HTML: prefer Ö (capital O) — also Ö / Ö.
CSS: use \00D6 inside content for generated text.
Meaning: Ö is capital diaeresis — not ö (ö), not Ø (stroke), not Ő (double acute).

One line: U+00D6 → Ö / Ö / Ö / CSS \00D6.

Frequently Asked Questions

How do I display Ö in HTML?

Use Ö (named), Ö (hex), Ö (decimal), type Ö directly in UTF-8, or the CSS escape \00D6 in content. Prefer Ö in normal HTML.

What is the Unicode value for uppercase O umlaut?

U+00D6 (LATIN CAPITAL LETTER O WITH DIAERESIS). Hex D6, decimal 214. It belongs to Latin-1 Supplement (U+0080–U+00FF).

Is there a named HTML entity for U+00D6?

Yes. Use Ö (capital O). Numeric forms Ö and Ö also work. Note: ö (lowercase) is a different letter (ö).

Is Ö the same as ö or Ø?

No. Ö is U+00D6 (Ö, capital diaeresis). ö is U+00F6 (ö). Ø is O with stroke (Ø, U+00D8).

When should I use Ö?

Use it for German, Swedish, Finnish, Turkish, and other text that needs capital Ö — for example KÖLN or ÖSTERREICH — not as a substitute for Ø or OE digraph.

What is the difference between HTML code and CSS entity for U+00D6?

HTML entities (Ö, Ö, or Ö) go in markup. The CSS escape \00D6 goes in stylesheet strings (usually content on ::before/::after).

Did you know?

Uppercase O umlaut is Unicode U+00D6 (decimal 214) — glyph Ö in Latin-1 Supplement (U+0080–U+00FF). HTML5 names it Ö (capital O). Official name: LATIN CAPITAL LETTER O WITH DIAERESIS. Lowercase is ö (ö, U+00F6). Essential in German, Swedish, Finnish, Turkish, and Hungarian. Do not confuse with stroke Ø (Ø) or double acute Ő (U+0150).

Next: Uppercase Oe

Learn the HTML entity for IPA small capital OE (U+0276).

Continue tutorial →

About the author

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

HTML Entity | Uppercase O Tilde Macron HTML Entity | Uppercase Oe