HTML Entity for Lowercase Y Macron (ȳ)

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

What You'll Learn

How to display the lowercase y with macron (ȳ) in HTML using hexadecimal, decimal, and CSS escape methods. The macron (¯) above y marks a long vowel in linguistic and academic notation. It is U+0233 in the Latin Extended-B block. It appears in phonetic transcriptions, specialized orthographies, and historical linguistic texts.

Render it with ȳ, ȳ, or CSS escape \0233. There is no named HTML entity for this character. In UTF-8 documents you can also type ȳ directly. Do not confuse ȳ with plain y (U+0079), ŷ (y circumflex), or ý (y acute).

⚡ Quick Reference — Lowercase Y Macron Entity

Unicode U+0233

Latin Extended-B

Hex Code ȳ

Hexadecimal reference

HTML Code ȳ

Decimal reference

Named Entity

No named entity

Reference Table
Name           Value
────────────   ──────────
Unicode        U+0233
Hex code       ȳ
HTML code      ȳ
Named entity   (none)
CSS code       \0233
Meaning        Latin small letter y with macron
Also known as  y macron
Related        U+0232 = Ȳ (uppercase)
Block          Latin Extended-B (U+0180–U+024F)
1

Complete HTML Example

A simple example showing the lowercase y macron (ȳ) using hexadecimal code, decimal HTML code, the character directly, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\0233";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x0233;</p>
<p>Symbol (decimal): &#563;</p>
<p>Symbol (direct): ȳ</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

The lowercase y macron (ȳ) is supported in all modern browsers as part of Latin Extended-B:

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

👀 Live Preview

See the lowercase y macron (ȳ) in linguistic and academic contexts:

Large glyphȳ
LinguisticLong vowel notation: [ȳ] vs short [y]
Unicode nameLatin small letter y with macron
UppercaseȲ (U+0232) — Latin capital letter y with macron
Not the same asy (plain)  |  ŷ (circumflex)  |  ý (acute)
Numeric refs&#x0233; &#563; \0233

🧠 How It Works

1

Hexadecimal Code

&#x0233; uses the Unicode hexadecimal value 0233 to display the character. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#563; uses the decimal Unicode value 563 to display the same character. A common method for Latin Extended-B characters.

HTML markup
3

Direct Character

Type ȳ directly in HTML when your document uses UTF-8 encoding. There is no named entity for this macron letter.

HTML markup
4

CSS Entity

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

CSS stylesheet
=

Same visual result

All methods produce the glyph: ȳ. Unicode U+0233 sits in Latin Extended-B. The macron marks a long vowel—do not confuse with plain y (U+0079), ŷ (circumflex), or ý (acute).

Use Cases

The lowercase y macron (ȳ) is commonly used in:

🔤 Linguistics

Phonetic transcriptions and linguistic notation marking a long y vowel (e.g. [ȳ] vs short [y]).

📚 Academic writing

Scholarly papers, dictionaries, and language studies requiring correct macron vowel notation.

📝 Historical texts

Digitized texts in orthographies that use ȳ for long vowel sounds, such as Livonian.

📄 Publishing

Books, journals, and reference works on phonology and historical linguistics.

🌐 Internationalization

Specialized multilingual content requiring accurate rendering of macron-accented letters.

🎨 Typography

Font specimens and character-set documentation for Latin Extended-B support.

⚙ Programmatic HTML

When building HTML from linguistic data, using &#563; or &#x0233; guarantees correct output.

💡 Best Practices

Do

  • Serve pages as UTF-8; you can type ȳ directly in UTF-8 source
  • Use numeric references (&#x0233; or &#563;) when escaping is required
  • Use \0233 in CSS content when generating the symbol via pseudo-elements
  • Use fonts that support Latin Extended-B (U+0180–U+024F)
  • Distinguish ȳ (macron) from plain y, ŷ (circumflex), and ý (acute)

Don’t

  • Substitute plain y or y + combining macron when ȳ is required
  • Confuse ȳ (macron) with ŷ (circumflex) or ý (acute)
  • Use the old incorrect CSS escape \00233—the correct value is \0233
  • Expect a named HTML entity—none exists for ȳ
  • Put CSS escape \0233 in HTML text nodes

Key Takeaways

1

Type ȳ directly, or use hex/decimal references

&#x0233; &#563;
2

For CSS stylesheets, use the escape in the content property

\0233
3

Unicode U+0233 — LATIN SMALL LETTER Y WITH MACRON

4

Macron marks long vowel; uppercase is Ȳ (U+0232)

❓ Frequently Asked Questions

Use &#x0233; (hex), &#563; (decimal), or \0233 in CSS content. There is no named HTML entity for ȳ. In UTF-8 you can also type ȳ directly.
U+0233 (LATIN SMALL LETTER Y WITH MACRON). Latin Extended-B block. Hex 0233, decimal 563. Used in linguistic notation and specialized orthographies. Uppercase form is U+0232 (Ȳ).
For linguistic transcriptions, academic writing marking long vowels, historical texts, and any content requiring a lowercase y with a macron above it.
No. Use numeric codes &#563; or &#x0233;, or the CSS entity \0233. In UTF-8 pages you can type ȳ directly.
ȳ (U+0233) is y with a macron indicating a long vowel. y (U+0079) is the plain lowercase letter. They are different characters for different typographic roles.

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