HTML Entity for Lowercase O Diaeresis (ö)
What You'll Learn
How to display the lowercase o with diaeresis (ö) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+00F6 in the Latin Extended-B block. It is the letter o with a dot diacritic above it, used in German, Swedish, Finnish, Hungarian and in linguistic or phonetic notation.
Render it with ö, ö, or CSS escape \00F6. There is no named HTML entity for this character. In UTF-8 documents you can also type ö directly.
⚡ Quick Reference — Lowercase O Diaeresis Entity
U+00F6Latin Extended-B
öHexadecimal reference
öDecimal reference
—No named entity
Name Value
──────────── ──────────
Unicode U+00F6
Hex code ö
HTML code ö
Named entity (none)
CSS code \00F6
Meaning Latin small letter o with diaeresis
Related U+022E = Ȯ (uppercase)
Block Latin Extended-B (U+0180–U+024F)Complete HTML Example
A simple example showing the lowercase o diaeresis (ö) using hexadecimal code, decimal HTML code, the character directly, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\00F6";
}
</style>
</head>
<body>
<p>Symbol (hex): ö</p>
<p>Symbol (decimal): ö</p>
<p>Symbol (direct): ö</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>🌐 Browser Support
The lowercase o diaeresis (ö) is supported in all modern browsers as part of Latin Extended-B:
👀 Live Preview
See the lowercase o diaeresis (ö) in linguistic contexts:
🧠 How It Works
Hexadecimal Code
ö uses the Unicode hexadecimal value 00F6 to display the character. The x prefix indicates hexadecimal format.
Decimal HTML Code
ö uses the decimal Unicode value 246 to display the same character. A common method when a numeric reference is needed.
Direct Character
Type ö directly in HTML when your document uses UTF-8 encoding. There is no named entity for this German, Swedish, Finnish, Hungarian and linguistic symbol.
CSS Entity
\00F6 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All methods produce the glyph: ö. Unicode U+00F6 sits in Latin Extended-B. Uppercase equivalent: U+022E (Ȯ). Do not confuse with ọ (o with dot below) or ȱ (dot above + macron).
Use Cases
The lowercase o diaeresis (ö) is commonly used in:
Display correct spelling in German, Swedish, Finnish, Hungarian (a Finnic language), where ö is part of the orthography.
Phonetic or phonological notation, language documentation, and academic papers requiring this character.
Headwords, pronunciation guides, or transliteration that include the o with diaeresis.
Lessons and resources for German, Swedish, Finnish, Hungarian or other languages that use this character.
Orthographies or writing systems that require o with a dot above diacritic.
Using the correct character (U+00F6) ensures assistive technologies interpret linguistic content correctly.
Using \00F6 in the CSS content property to insert ö via pseudo-elements.
💡 Best Practices
Do
- Serve pages as UTF-8; you can type ö directly in UTF-8 source
- Use numeric references (
öorö) when escaping is required - Use
\00F6in CSScontentwhen generating the symbol via pseudo-elements - Use fonts that support Latin Extended-B characters (U+0180–U+024F)
- Distinguish ö (dot above) from ọ (dot below)
Don’t
- Expect a named HTML entity—none exists for ö
- Confuse ö (dot above) with ọ (dot below), ȱ (dot + macron), or plain o
- Combine separate diacritics when the precomposed ö is required
- Put CSS escape
\00F6in HTML text nodes - Double-encode numeric references in dynamically generated HTML
Key Takeaways
Type ö directly, or use hex/decimal references
ö öFor CSS stylesheets, use the escape in the content property
\00F6Unicode U+00F6 — LATIN SMALL LETTER O WITH DIAERESIS
German, Swedish, Finnish, Hungarian and linguistics; uppercase is Ȯ (U+022E)
Previous: Lowercase O Diaeresis Macron (ȫ) Next: Lowercase O Double Acute
❓ Frequently Asked Questions
ö (hex), ö (decimal), or \00F6 in CSS content. There is no named HTML entity for ö. In UTF-8 you can also type ö directly.U+00F6 (LATIN SMALL LETTER O WITH DIAERESIS). Latin Extended-B block. Hex 00F6, decimal 246. Used in German, Swedish, Finnish, Hungarian and linguistic notation. Uppercase form is U+022E (Ȯ).ö or ö, or the CSS entity \00F6. In UTF-8 pages you can type ö directly.Explore More HTML Entities!
Discover 1500+ HTML character references — letters, symbols, and more.
About the author
8 people found this page helpful