HTML Entity for Lowercase U Macron (ū)

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

What You'll Learn

How to display the lowercase u with macron (ū) in HTML using named entity, hexadecimal, decimal, and CSS escape methods. This character is U+016B in the Latin Extended-A block. It combines the letter u with a macron (overline) indicating a long vowel and is a distinct letter in Latvian (e.g. būt, mūs) and used in Māori and linguistic notation.

Render it with ū, ū, ū, or CSS escape \016B. The named entity ū is often the most readable option in HTML source.

⚡ Quick Reference — Lowercase U Macron Entity

Unicode U+016B

Latin Extended-A

Hex Code ū

Hexadecimal reference

HTML Code ū

Decimal reference

Named Entity ū

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+016B
Hex code       ū
HTML code      ū
Named entity   ū
CSS code       \016B
Meaning        Latin small letter u with macron
Related        U+016A = Ū (Ū, uppercase)
Block          Latin Extended-A (U+0100–U+017F)
1

Complete HTML Example

A simple example showing the lowercase u macron (ū) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\016B";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x016B;</p>
<p>Symbol (decimal): &#363;</p>
<p>Symbol (named): &umacr;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

The lowercase u macron (ū) and the named entity &umacr; are supported in all modern browsers as part of Latin Extended-A:

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

👀 Live Preview

See the lowercase u macron (ū) in language and content contexts:

Large glyphū
Latvianbūt, mūs, dūra
Named entity&umacr; renders as ū
UppercaseŪ (U+016A) — &Umacr;
Not the same asǖ (u diaeresis macron)  |  ŭ (u breve)  |  plain u
Numeric refs&#x016B; &#363; &umacr; \016B

🧠 How It Works

1

Hexadecimal Code

&#x016B; uses the Unicode hexadecimal value 016B to display the character. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

Named Entity

&umacr; is the standard named entity for ū—readable in source HTML and part of the HTML entity set for Latin Extended-A characters.

HTML markup
4

CSS Entity

\016B 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+016B sits in Latin Extended-A. Uppercase equivalent: U+016A (&Umacr;). Do not confuse with ǖ (u diaeresis macron) or ŭ (u breve).

Use Cases

The lowercase u macron (ū) is commonly used in:

🇩🇻 Latvian

Essential letter in Latvian orthography (būt, mūs, dūra) for websites, news, and localized UI.

🇳🇿 Meori

Long vowel u in Meori words and te reo Meori web content and educational materials.

🌐 Internationalization

Multilingual websites, CMS content, and email templates requiring correct extended Latin characters.

📝 Linguistics & Phonology

Phonetic transcription indicating long u with macron marking.

📚 Language Learning

Courses, dictionaries, and grammar resources teaching macron-accented u.

♿ Accessibility

Using the correct character (U+016B) with appropriate lang attributes helps screen readers pronounce text correctly.

⚙ Programmatic HTML

When escaping user input or generating HTML, &umacr; ensures safe, correct output.

💡 Best Practices

Do

  • Serve pages as UTF-8; you can type ū directly in UTF-8 source
  • Use &umacr; in HTML when possible for readability
  • Use numeric references (&#x016B; or &#363;) when escaping is required
  • Use \016B in CSS content when generating the symbol via pseudo-elements
  • Distinguish ū from ǖ (u diaeresis macron) and ŭ (u breve)

Don’t

  • Confuse ū with ǖ (Pinyin u diaeresis macron) or plain u
  • Use the old incorrect CSS escape \0016B—the correct value is \016B
  • Put CSS escape \016B in HTML text nodes
  • Substitute plain u when the macron letter is required (e.g. Latvian būt)
  • Double-encode numeric references in dynamically generated HTML

Key Takeaways

1

Three HTML references plus a named entity all render ū

&#x016B; &#363; &umacr;
2

For CSS stylesheets, use the escape in the content property

\016B
3

Unicode U+016B — LATIN SMALL LETTER U WITH MACRON

4

Latvian (būt, mūs); uppercase is Ū (&Umacr;)

❓ Frequently Asked Questions

Use &umacr; (named), &#x016B; (hex), &#363; (decimal), or \016B in CSS content. All produce ū. In UTF-8 you can also type ū directly.
U+016B (LATIN SMALL LETTER U WITH MACRON). Latin Extended-A block. Hex 016B, decimal 363. Used in Latvian (e.g. būt, mūs). Uppercase form is U+016A (&Umacr;).
When displaying Latvian text, Meori, linguistic notation, transliteration systems, dictionaries, or any content requiring u with macron (long u).
Yes. The named HTML entity is &umacr;. You can also use numeric codes &#363; or &#x016B;, or the CSS entity \016B. Do not confuse with U+01D6 (u diaeresis macron).
HTML code (&#363; or &#x016B;) or the named entity &umacr; is used in HTML content. The CSS entity \016B is used in stylesheets in the content property of pseudo-elements. Both produce ū but in different contexts.

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