HTML Entity for Uppercase O Macron (Ō)

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

What You'll Learn

How to display the uppercase O with macron (Ō) in HTML using named entity, hexadecimal, decimal, and CSS escape methods. This character is U+014C in the Latin Extended-A block. The macron (¯) is a horizontal bar above the letter, used in Māori, Hawaiian, Latin scholarly text, and linguistic notation to mark long vowels.

Render it with Ō, Ō, Ō, or CSS escape \014C. The named entity Ō is often the most readable option in HTML source. Do not confuse Ō with Ŏ (breve) or plain O.

⚡ Quick Reference — Uppercase O Macron Entity

Unicode U+014C

Latin Extended-A

Hex Code Ō

Hexadecimal reference

HTML Code Ō

Decimal reference

Named Entity Ō

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+014C
Hex code       Ō
HTML code      Ō
Named entity   Ō
CSS code       \014C
Meaning        Latin capital letter O with macron
Related        U+014D = ō (lowercase)
Block          Latin Extended-A (U+0100–U+017F)
1

Complete HTML Example

A simple example showing the uppercase O macron (Ō) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\014C";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x014C;</p>
<p>Symbol (decimal): &#332;</p>
<p>Symbol (named): &Omacr;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

The uppercase O macron (Ō) and the named entity &Omacr; are supported in all modern browsers:

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

👀 Live Preview

See the uppercase O macron (Ō) in language and content contexts:

Large glyphŌ
MāoriKōkako  |  Kōrero  |  Tōtara
HawaiianKōkua  |  Lōkahi
Named entity&Omacr; renders as Ō
Lowercaseō (U+014D) — use &omacr;
Not the same asŎ (breve)  |  Ô (circumflex)  |  O (plain)
Numeric refs&#x014C; &#332; &Omacr; \014C

🧠 How It Works

1

Named Entity

&Omacr; is the standard named entity for Ō—readable in source HTML and widely used for Māori and Hawaiian content.

HTML markup
2

Hexadecimal Code

&#x014C; uses the Unicode hexadecimal value 014C to display the character. The x prefix indicates hexadecimal format.

HTML markup
3

Decimal HTML Code

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

HTML markup
4

CSS Entity

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

CSS stylesheet
=

Same visual result

All four methods produce the glyph: Ō. Unicode U+014C sits in Latin Extended-A. Lowercase equivalent: U+014D (&omacr;). Do not confuse with Ŏ (breve) or plain O.

Use Cases

The uppercase O macron (Ō) is commonly used in:

🇳🇿 Māori

Capitalized words and titles with macronized vowels (Kōkako, Kōrero, Tōtara) for proper pronunciation and spelling.

🇲🇽 Hawaiian

Macron marks long vowels in capitalized Hawaiian (Kōkua, Lōkahi). Essential for accurate orthography.

📜 Latin

Long vowels in Latin scholarly editions, dictionaries, and language learning materials at sentence start.

🔤 Linguistics

Phonetic transcription and linguistic documentation requiring macronized capital O.

📚 Education

Language courses, cultural content, and multilingual web pages teaching correct spelling with macrons.

♿ Accessibility

Using U+014C with proper lang attributes ensures assistive technologies pronounce content correctly.

⚙ Programmatic HTML

When building HTML from CMS content, using &Omacr; or &#332; guarantees correct output.

💡 Best Practices

Do

  • Use &Omacr; in HTML when possible for readability
  • Serve pages as UTF-8; you can also type Ō directly in UTF-8 source
  • Set lang attributes (e.g. lang="mi", lang="haw") on language-specific content
  • Use fonts that support Latin Extended-A (U+0100–U+017F)
  • Distinguish Ō (macron) from Ŏ (breve) and plain O

Don’t

  • Substitute plain O when Ō is required in Māori or Hawaiian text
  • Confuse Ō (macron) with Ŏ (breve) or Ô (circumflex)
  • Omit macrons in words that require them—they change pronunciation and meaning
  • Put CSS escape \014C in HTML text nodes
  • Double-encode entity references in dynamically generated HTML

Key Takeaways

1

Four references render Ō; named entity is most readable

&#x014C; &#332; &Omacr;
2

For CSS stylesheets, use the escape in the content property

\014C
3

Unicode U+014C — LATIN CAPITAL LETTER O WITH MACRON

4

Lowercase pair is U+014D (ō, &omacr;)

❓ Frequently Asked Questions

Use &Omacr; (named), &#x014C; (hex), &#332; (decimal), or \014C in CSS content. The named entity &Omacr; is the most readable for HTML content.
U+014C (LATIN CAPITAL LETTER O WITH MACRON). Latin Extended-A block. Hex 014C, decimal 332. Used in Māori, Hawaiian, Latin, and linguistic notation. Lowercase form is U+014D (ō).
When displaying capitalized Māori, Hawaiian, or Latin text with macronized vowels at sentence start or in titles, plus linguistic content, educational materials, and multilingual web pages.
The named entity (&Omacr;) is more readable and easier to remember. Numeric codes (&#332; or &#x014C;) work in all contexts and are useful when escaping is required. Both produce Ō.
Yes. &Omacr; is part of the HTML5 entity set and is well supported in all modern browsers. Numeric codes remain a reliable alternative for older systems.

Explore More HTML Entities!

Discover 1500+ HTML character references — accented 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