HTML Entity for Lowercase O Macron (ō)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+014D
HTML Entity for Lowercase O Macron tutorial illustration

What You'll Learn

How to display the lowercase o with macron (ō) in HTML using named entity, hexadecimal, decimal, and CSS escape methods. This character is U+014D 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 \014D. The named entity ō is the most readable option when you need an explicit character reference.

⚡ Quick Reference — Lowercase O Macron Entity

Unicode U+014D

Latin Extended-A

Hex Code ō

Hexadecimal reference

HTML Code ō

Decimal reference

Named Entity ō

Most readable option

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

Complete HTML Example

A simple example showing the lowercase 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: "\014D";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x014D;</p>
<p>Symbol (decimal): &#333;</p>
<p>Symbol (named): &omacr;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

The lowercase 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 lowercase 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 ō
UppercaseŌ (U+014C) — use &Omacr;
Not the same asŏ (breve)  |  ô (circumflex)  |  o (plain)
Numeric refs&#x014D; &#333; &omacr; \014D

🧠 How It Works

1

Hexadecimal Code

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

HTML markup
2

Decimal HTML Code

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

HTML markup
3

Named Entity

&omacr; is the named entity for o macron—readable in source HTML and widely used for Māori and Hawaiian content.

HTML markup
4

CSS Entity

\014D 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+014D sits in Latin Extended-A. Uppercase equivalent: U+014C (Ō, &Omacr;). Do not confuse with ŏ (breve) or plain o.

✅

Use Cases

The lowercase o macron (ō) is commonly used in:

🇳🇿 Māori

Correct macronized vowels (kōkako, kōrero, tōtara) for proper pronunciation and spelling.

🇲🇽 Hawaiian

Macron marks long vowels in Hawaiian (kōkua, lōkahi). Essential for accurate orthography.

📜 Latin

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

🔤 Linguistics

Phonetic transcription and linguistic documentation requiring macronized characters.

📚 Education

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

♿ Accessibility

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

⚙ Programmatic HTML

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

💡 Best Practices

Do

  • Serve pages as UTF-8; you can type ō directly in UTF-8 source
  • Use &omacr; for readable HTML when a named form is preferred
  • 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 \014D in HTML text nodes
  • Double-encode entity references in dynamically generated HTML

Key Takeaways

1

The named entity is the most familiar form

&omacr;
2

Numeric alternatives: hex and decimal

&#x014D; &#333;
3

Unicode U+014D — LATIN SMALL LETTER O WITH MACRON

4

Essential for Māori and Hawaiian; uppercase is Ō (&Omacr;)

5

Previous: Lowercase O Latin Subscript (ₒ)   Next: Lowercase O Ogonek

❓ Frequently Asked Questions

Use &omacr; (named), &#x014D; (hex), &#333; (decimal), or \014D in CSS content. In UTF-8 you can also type ō directly.
U+014D (LATIN SMALL LETTER O WITH MACRON). Latin Extended-A block. Hex 014D, decimal 333. Used in Māori, Hawaiian, Latin, and linguistic notation. Uppercase form is U+014C (Ō).
When displaying Māori, Hawaiian, or Latin text with macronized vowels, in linguistic or phonetic content, educational materials, or when you need a reliable character reference.
The named HTML entity is &omacr;. You can also use &#333; or &#x014D;, or the CSS entity \014D.
HTML entity (&omacr;, &#333;, or &#x014D;) is used in HTML content; CSS entity \014D is used in stylesheets in the content property of pseudo-elements. Both produce ō.

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Lowercase O Latin Subscript (ₒ) Lowercase O Ogonek