HTML Entity for Uppercase O Tilde Macron (Ȭ)

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

What Is Uppercase O Tilde Macron?

Uppercase O tilde macron (Ȭ) is the Unicode character at U+022C in Latin Extended-B. Official name: LATIN CAPITAL LETTER O WITH TILDE AND MACRON — a capital O with a tilde and a macron above, used in linguistic and phonetic notation.

Remember
Character     Ȭ
Unicode       U+022C
Hex entity    Ȭ
Decimal       Ȭ
CSS escape    \022C
Named entity  (none)
Not the same  Õ · Ō · ȭ

Prefer Ȭ or Ȭ in HTML markup. You can also type Ȭ in UTF-8. There is no named entity. For the lowercase letter, use U+022D (ȭ).

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct characterȬHTML text (UTF-8)
Hex entityȬHTML markup (preferred)
Decimal entityȬHTML markup
CSS escape\022CStylesheet content
Named entity—Not defined in HTML5
Lowercase (related)ȭ (U+022D)Numeric only

When to Use Which

SituationUse
Capital O with tilde and macron (Ȭ)Ȭ or Ȭ
Lowercase o with tilde and macron (ȭ)ȭ (ȭ)
Capital O with tilde only (Õ)Õ (Õ)
Capital O with macron only (Ō)Ō (Ō)
Capital O with diaeresis (Ö)Ö (Ö)
Generated text via ::before / ::aftercontent: "\022C"

Live Preview

Uppercase O tilde macron rendered alone and next to related letters.

Large glyph Ȭ
Notation Glyph: Ȭ
Compared Ȭ  |  Õ  |  Ō  |  ȭ
Hint Compare: Both Ȭ | Tilde Õ | Macron Ō | Lower ȭ
With entities Hex: Ȭ | Decimal: Ȭ

Complete HTML Example

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

Hex + Decimal + CSS + Typed

Four ways to produce Ȭ, plus a short comparison note.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Uppercase O Tilde Macron (Ȭ)</title>
  <style>
    #point::after {
      content: "\022C";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x22C;</p>
  <p>Using HTML Code: &#556;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: Ȭ</p>
  <p>Not Õ (tilde only) or Ō (macron only)</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+022C → &#x22C; in HTML. The browser turns it into Ȭ.

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

3. CSS: use \022C in content (not an HTML entity). #point::after appends that Ȭ after the paragraph text.

4. Typed / compare: paste Ȭ in UTF-8. Keep Õ (tilde only) and Ō (macron only) as separate characters.

Pitfalls & Tips

Common mistakes when working with U+022C.

Named

No &O…; name

HTML5 has no named entity for U+022C. Use &#x22C; or &#556; — do not invent a name.

vs Õ

Not tilde alone

Õ (&Otilde;) has the tilde above but no macron. Ȭ needs both marks.

vs Ō

Not macron alone

Ō (&Omacr;) is long Ō with no tilde. Do not swap the two.

vs ȭ

Case matters

Ȭ is capital. ȭ is lowercase. Use the matching code point for each case.

Encoding

Keep UTF-8 declared

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

CSS vs HTML

Do not mix escapes

\022C belongs in CSS strings. &#x22C; / &#556; belong in HTML.

A11y

Use real language context

When Ȭ appears in linguistic examples, label the purpose clearly so readers know it is a notation glyph, not everyday orthography.

Browser Support

Uppercase O tilde macron (U+022C) and its entity forms (&#x22C;, &#556;, CSS \\022C) are supported in all mainstream browsers. Latin Extended-B glyphs are available in modern system fonts.

✓ Universal support

Uppercase O Tilde Macron (&#x022C;)

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+022C Full support

Bottom line: Prefer &#x22C; or &#556; in HTML. Use \\022C only inside CSS content. Do not confuse with Õ (tilde only) or Ō (macron only).

Key Takeaways

  • Unicode: uppercase O tilde macron is U+022C (decimal 556) — glyph Ȭ.
  • HTML: use &#x22C; or &#556; — no named entity in HTML5.
  • CSS: use \022C inside content for generated text.
  • Meaning: Ȭ is both marks — not Õ (tilde only), not Ō (macron only), not ȭ (lowercase).

One line: U+022C → &#x22C; / &#556; / CSS \022C.

Frequently Asked Questions

Use &#x22C; (hex), &#556; (decimal), type Ȭ directly in UTF-8, or the CSS escape \022C in content. There is no named HTML entity for U+022C.
U+022C (LATIN CAPITAL LETTER O WITH TILDE AND MACRON). Hex 22C, decimal 556. It belongs to Latin Extended-B (U+0180–U+024F).
No. HTML5 does not define a named entity for this character. Use numeric forms &#556; or &#x22C;.
No. Ȭ is O with both tilde and macron (U+022C). Õ is tilde only (&Otilde;, U+00D5). Ō is macron only (&Omacr;, U+014C).
Use it for linguistic, phonetic, or academic text that needs capital Ȭ as one precomposed letter — not as a substitute for plain Õ or Ō.
HTML entities (&#556; or &#x22C;) go in markup. The CSS escape \022C goes in stylesheet strings (usually content on ::before/::after).

Did you know?

Uppercase O tilde macron (Ȭ) is Unicode U+022C (decimal 556) — LATIN CAPITAL LETTER O WITH TILDE AND MACRON in Latin Extended-B. HTML5 has no named entity — use &#x22C; or &#556;. Lowercase is U+022D (ȭ). Combines a tilde above with a macron. Do not confuse with tilde-only Õ (&Otilde;) or macron-only Ō (&Omacr;).

Next: Uppercase O Umlaut

Learn the HTML entity for uppercase O with diaeresis (U+00D6).

Continue 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