HTML Entity for Lowercase O Tilde Macron (ȭ)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+022D

What You'll Learn

How to display the lowercase o with tilde and macron (ȭ) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+022D in the Latin Extended-B block—a single precomposed glyph with a tilde (˜) and a horizontal bar (macron) above the letter o.

Render it with ȭ, ȭ, or CSS escape \022D. There is no named HTML entity. In UTF-8 documents you can also type ȭ directly. It is used in linguistic and phonetic notation—not the same as Portuguese or Estonian õ (tilde only).

⚡ Quick Reference — Lowercase O Tilde Macron Entity

Unicode U+022D

Latin Extended-B

Hex Code ȭ

Hexadecimal reference

HTML Code ȭ

Decimal reference

Named Entity

No named entity

Reference Table
Name           Value
────────────   ──────────
Unicode        U+022D
Hex code       ȭ
HTML code      ȭ
Named entity   (none)
CSS code       \022D
Meaning        Latin small letter o with tilde and macron
Related        U+022C = Ȭ (uppercase)
Block          Latin Extended-B (U+0180–U+024F)
1

Complete HTML Example

A simple example showing the lowercase o tilde macron (ȭ) using hexadecimal code, decimal HTML code, the character directly, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\022D";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x022D;</p>
<p>Symbol (decimal): &#557;</p>
<p>Symbol (direct): ȭ</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

The lowercase o tilde macron (ȭ) is supported in all modern browsers as part of Latin Extended-B:

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

👀 Live Preview

See the lowercase o tilde macron (ȭ) in linguistic contexts:

Large glyphȭ
Unicode nameLatin small letter o with tilde and macron
UsageLinguistics, phonetics, transliteration, academic notation
UppercaseȬ (U+022C) — LATIN CAPITAL LETTER O WITH TILDE AND MACRON
Not the same asõ (tilde only)  |  ō (macron only)  |  ȫ (diaeresis + macron)
NotePortuguese/Estonian õ is U+00F5 (tilde only)—not ȭ
Numeric refs&#x022D; &#557; \022D

🧠 How It Works

1

Hexadecimal Code

&#x022D; uses the Unicode hexadecimal value 022D to display the character. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

Direct Character

Type ȭ directly in HTML when your document uses UTF-8 encoding. There is no named entity for this letter.

HTML markup
4

CSS Entity

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

CSS stylesheet
=

Same visual result

All methods produce the glyph: ȭ. Unicode U+022D sits in Latin Extended-B. Uppercase equivalent: U+022C (Ȭ). Do not confuse with õ (tilde only), ō (macron only), or ȫ (diaeresis + macron).

Use Cases

The lowercase o tilde macron (ȭ) is commonly used in:

🔤 Linguistics

Phonetic transcription marking both nasalization (tilde) and vowel length (macron) on o.

📚 Academic publishing

Scholarly papers, dictionaries, and critical editions requiring precise diacritic combinations.

📜 Transliteration

Orthographic documentation and transliteration schemes that use the combined tilde-and-macron form.

🏫 Education

Linguistics and language courses teaching diacritic notation and extended Latin characters.

🎨 Typography

Font specimens showcasing Latin Extended-B support for stacked diacritics.

♿ Accessibility

Using U+022D ensures assistive technologies interpret the symbol correctly in academic content.

⚙ Programmatic HTML

When building HTML from data, &#557; or &#x022D; guarantees correct output.

💡 Best Practices

Do

  • Serve pages as UTF-8; you can type ȭ directly in UTF-8 source
  • Use numeric references (&#x022D; or &#557;) when escaping is required
  • Use fonts that support Latin Extended-B (U+0180–U+024F)
  • Distinguish ȭ from õ (tilde only), ō (macron only), and ȫ (diaeresis + macron)
  • Use the precomposed ȭ when both tilde and macron apply to the same o

Don’t

  • Use ȭ for Portuguese or Estonian text—use õ (&otilde;) instead
  • Substitute õ or ō when ȭ is required in linguistic notation
  • Stack separate combining marks when the precomposed ȭ is the correct character
  • Expect a named HTML entity—none exists for ȭ
  • Put CSS escape \022D in HTML text nodes

Key Takeaways

1

Type ȭ directly, or use hex/decimal references

&#x022D; &#557;
2

For CSS stylesheets, use the escape in the content property

\022D
3

Unicode U+022D — LATIN SMALL LETTER O WITH TILDE AND MACRON

4

Linguistics & phonetics; uppercase is Ȭ (U+022C)

❓ Frequently Asked Questions

Use &#x022D; (hex), &#557; (decimal), or \022D in CSS content. There is no named HTML entity for ȭ. In UTF-8 you can also type ȭ directly.
U+022D (LATIN SMALL LETTER O WITH TILDE AND MACRON). Latin Extended-B block. Hex 022D, decimal 557. Used in linguistic and phonetic notation. Uppercase form is U+022C (Ȭ).
When displaying linguistic or phonetic content that requires o with both tilde and macron combined, in academic notation, transliteration schemes, and scholarly web pages.
No. Use numeric codes &#557; or &#x022D;, or the CSS entity \022D. In UTF-8 pages you can type ȭ directly.
ȭ (U+022D) is o with both tilde and macron. õ (U+00F5) is o with tilde only (&otilde;)—used in Portuguese and Estonian. ō (U+014D) is o with macron only (&omacr;). Use the character that matches your text.

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.

8 people found this page helpful