HTML Entity for Lowercase O Diaeresis (ö)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+00F6

What Is the Lowercase O Diaeresis Entity?

Lowercase o with diaeresis (ö) is the Unicode character at U+00F6 in Latin-1 Supplement. Official name: LATIN SMALL LETTER O WITH DIAERESIS — the letter o with two dots above. In German it is the familiar umlaut ö.

Remember
Character     ö
Unicode       U+00F6
Named entity  ö
Hex entity    ö
Decimal       ö
CSS escape    \00F6
Capital       Ö (Ö)
Not the same  o (U+006F) · ő (ő) · ȫ

Prefer ö in HTML. Alternatives: ö, ö, or type ö in a UTF-8 document.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entityöHTML markup (preferred)
Hex entityöHTML markup
Decimal entityöHTML markup
Direct characteröHTML text (UTF-8)
CSS escape\00F6Stylesheet content

When to Use Which

SituationUse
Readable HTML for öö
German / Swedish / Finnish textö (e.g. schön, för)
Ordinary letter oType o (U+006F) — not ö
Uppercase O with diaeresisÖ — see Uppercase O Umlaut
Hungarian double acute (ő)ő — not ö
Generated text via ::before / ::aftercontent: "\00F6"

Live Preview

Glyph alone, in language samples, and next to related forms.

Glyph ö
Large glyph ö
German sample schön, Köln
Swedish sample för, öppna
Compared ö   o   Ö   ő
With entities Named: ö | Hex: ö | Decimal: ö

Complete HTML Example

One page that shows ö 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 display ö in HTML and CSS.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Lowercase O Diaeresis (ö) in HTML</title>
  <style>
    #point::after {
      content: "\00F6";
    }
  </style>
</head>
<body>
  <p>Built with Named: &ouml;</p>
  <p>Built with Hex: &#xF6;</p>
  <p>Built with Decimal: &#246;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ö</p>
  <p lang="de">German: sch&ouml;n, K&ouml;ln</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &ouml; is the HTML5 name for U+00F6 → ö. Prefer this in markup.

2. Hex: &#xF6; inserts the same code point. Same visual as named.

3. Decimal: same code point as 246 → &#246;.

4. CSS: use \00F6 in content (not an HTML entity). #point::after appends ö.

5. Typed + sample: paste ö in UTF-8, or use &ouml; in words like schön.

Pitfalls & Tips

Common mistakes when working with lowercase o with diaeresis.

Name

Prefer &ouml;

HTML5 defines a named entity — use &ouml; for U+00F6. Do not invent names or skip to numeric codes first.

Case

&ouml; ≠ &Ouml;

Named entities are case-sensitive. Lowercase is ö; uppercase is Ö.

o

Not plain o

Plain o is U+006F. In German and Swedish, ö is a distinct letter — do not replace it with plain o or oe unless you are intentionally ASCII-folding.

Look-alikes

Not ő or ȫ

Hungarian ő (&odblac;) uses a double acute. ȫ (o with diaeresis and macron) is a different code point — see O Diaeresis Macron.

CSS

Pad the CSS escape

Prefer \00F6 (four hex digits). A short \F6 can swallow the next hex digit if one follows immediately.

CSS vs HTML

Do not mix escapes

\00F6 belongs in CSS strings. &ouml; / &#xF6; / &#246; belong in HTML.

Semicolon

End references

Always finish entities with ; — write &ouml;, not &ouml.

Browser Support

Lowercase o with diaeresis (U+00F6) and its entity forms (&ouml;, &#xF6;, &#246;, CSS \\00F6) are supported in all mainstream browsers. Visible glyphs depend on Latin-1 / Western European font coverage.

✓ Universal support

Lowercase O Diaeresis (&#x00F6;)

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+00F6 Full support

Bottom line: Prefer &ouml; in HTML. Use &#xF6; / &#246; when numeric form is required, and \\00F6 only inside CSS content.

Key Takeaways

  • Unicode: lowercase o with diaeresis is U+00F6 (decimal 246) — glyph ö.
  • HTML: prefer &ouml; — also &#xF6; / &#246; / type ö.
  • CSS: use \00F6 inside content for generated text.
  • Watch out: &ouml; ≠ &Ouml; ≠ o ≠ &odblac;.

One line: U+00F6 → &ouml; / &#xF6; / &#246; / CSS \00F6.

Frequently Asked Questions

Prefer &ouml; (named). You can also use &#xF6; (hex), &#246; (decimal), type ö in UTF-8, or the CSS escape \00F6 in content.
U+00F6 (LATIN SMALL LETTER O WITH DIAERESIS). Hex F6, decimal 246. It belongs to Latin-1 Supplement (U+0080–U+00FF).
Yes. HTML5 defines &ouml; for ö. The capital form is &Ouml; (Ö, U+00D6) — names are case-sensitive.
For this letter, yes — both names refer to the same Unicode character U+00F6. German often says umlaut; Unicode’s official name uses diaeresis. See also /html/entity/lowercase-o-umlaut.
Use it for German (schön, Köln), Swedish (för), Finnish, Turkish, and other languages that need ö. Prefer plain o for ordinary English words.
HTML entities (&ouml;, &#246;, or &#xF6;) go in markup. The CSS escape \00F6 goes in stylesheet strings (usually content on ::before/::after).
No. U+00F6 is a precomposed letter. Combining diaeresis is U+0308 after a base. Hungarian ő (U+0151, &odblac;) is a different accent — double acute, not two dots.

Did you know?

Lowercase o with diaeresis is Unicode U+00F6 (decimal 246) — LATIN SMALL LETTER O WITH DIAERESIS in Latin-1 Supplement. HTML5 provides &ouml; — the most readable form. Capital is &Ouml; (Ö, U+00D6). Same glyph as the German umlaut ö; typographers call the two dots a diaeresis or an umlaut depending on language tradition.

Next: Lowercase O Double Acute

Learn the HTML entity for lowercase o with double acute (ő).

Lowercase O double acute tutorial →

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.

8 people found this page helpful