HTML Entity for Lowercase O Tilde Macron (ȭ)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+022D

What Is the Lowercase O Tilde Macron Entity?

Lowercase o with tilde and macron (ȭ) is the Unicode character at U+022D in Latin Extended-B. Official name: LATIN SMALL LETTER O WITH TILDE AND MACRON — the letter o with both a tilde and a macron above.

Remember
Character     ȭ
Unicode       U+022D
Hex entity    ȭ
Decimal       ȭ
CSS escape    \022D
Named entity  (none)
Capital       Ȭ (U+022C)
Not the same  o · õ (õ) · ō (ō)

Prefer ȭ or ȭ in HTML when you need an entity. You can also type ȭ in a UTF-8 document.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entityȭHTML markup
Decimal entityȭHTML markup
Direct characterȭHTML text (UTF-8)
CSS escape\022DStylesheet content
Named entity—Not defined in HTML5

When to Use Which

SituationUse
Need an entity in HTML sourceȭ or ȭ
Linguistic / phonetic notationȭ → ȭ
Tilde only (õ)õ — see O Tilde
Macron only (ō)ō — not U+022D
Uppercase O with tilde and macronUppercase O Tilde Macron (Ȭ, U+022C)
Generated text via ::before / ::aftercontent: "\022D"
Looking for a named entityDoes not exist — use numeric form

Live Preview

Glyph alone, in a sample line, and next to related forms.

Glyph ȭ
Large glyph ȭ
Sample ȭ · linguistic / phonetic notation
Compared ȭ   o   õ   ō   Ȭ
With entities Hex: ȭ | Decimal: ȭ

Complete HTML Example

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

Hex + Decimal + CSS + Typed

Four ways to display ȭ in HTML and CSS.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Lowercase O Tilde Macron (ȭ) in HTML</title>
  <style>
    #point::after {
      content: "\022D";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x22D;</p>
  <p>Built with Decimal: &#557;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ȭ</p>
  <p>Notation: [&#x22D;]</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+022D → &#x22D; in HTML. The browser turns it into ȭ.

2. Decimal: same code point as 557 → &#557;. Same result as hex.

3. CSS: use \022D in content (not an HTML entity). #point::after appends ȭ.

4. Typed: paste ȭ in a UTF-8 document for linguistic or phonetic text. There is no named entity — numeric form is required when you need an entity.

Pitfalls & Tips

Common mistakes when working with lowercase o with tilde and macron.

Named?

No named entity

HTML5 does not define a named entity for U+022D. Use &#x22D; or &#557;.

õ

Not tilde alone

õ (&otilde;) has only the tilde. ȭ also has a macron — different letter, different code point.

ō

Not &omacr; alone

ō (&omacr;) is o with macron only. Do not swap it for ȭ when both marks are required.

Fonts

Need Extended-B coverage

Some fonts omit Latin Extended-B. Prefer a font that includes U+022D for reliable glyphs.

CSS

Pad the CSS escape

Prefer \022D (four hex digits). A short \22D can swallow the next hex digit if one follows immediately.

CSS vs HTML

Do not mix escapes

\022D belongs in CSS strings. &#x22D; / &#557; belong in HTML.

Semicolon

End references

Always finish entities with ; — write &#x22D;, not &#x22D.

Browser Support

Lowercase o with tilde and macron (U+022D) and its entity forms (&#x22D;, &#557;, CSS \\022D) are supported in all mainstream browsers. Visible glyphs depend on Latin Extended-B font coverage.

✓ Universal support

Lowercase O Tilde Macron (&#x022D;)

Encode with 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+022D Full support

Bottom line: Prefer &#x22D; or &#557; in HTML when encoding must be explicit, and \\022D only inside CSS content. There is no named entity.

Key Takeaways

  • Unicode: lowercase o with tilde and macron is U+022D (decimal 557) — glyph ȭ.
  • HTML: use &#x22D; or &#557; — no named entity.
  • CSS: use \022D inside content for generated text.
  • Watch out: ȭ ≠ &otilde; ≠ &omacr; ≠ plain o.

One line: U+022D → &#x22D; / &#557; / CSS \022D (no named entity).

Frequently Asked Questions

Use &#x22D; (hex), &#557; (decimal), type ȭ in UTF-8, or the CSS escape \022D in content. There is no HTML5 named entity for U+022D.
U+022D (LATIN SMALL LETTER O WITH TILDE AND MACRON). Hex 22D, decimal 557. It belongs to Latin Extended-B (U+0180–U+024F).
No. HTML5 does not define a named entity for this character. Use numeric references like &#557; or &#x22D; when you need an entity form.
Use it for linguistic and phonetic notation that needs ȭ. Prefer &otilde; when only the tilde is required, and &omacr; when only the macron is required.
HTML entities (&#557; or &#x22D;) go in markup. The CSS escape \022D goes in stylesheet strings (usually content on ::before/::after).
No. õ (U+00F5, &otilde;) has only a tilde. ō (U+014D, &omacr;) has only a macron. U+022D is a precomposed letter with both marks.

Did you know?

Lowercase o with tilde and macron is Unicode U+022D (decimal 557) — LATIN SMALL LETTER O WITH TILDE AND MACRON in Latin Extended-B. HTML5 has no named entity for it — use &#x22D; or &#557;. Capital is U+022C (Ȭ). It stacks a tilde and a macron on o, mainly for linguistic and phonetic notation.

Next: Lowercase O Umlaut

Learn the HTML entity for o with diaeresis (ö).

Lowercase O umlaut 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