HTML Entity for Lowercase Y Macron (&ymacr;)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+0233

HTML Entity for lowercase y with macron (U+0233) tutorial illustration

Definition

What Is the Lowercase Y Macron Entity?

Lowercase y macron (&ymacr;) is the Latin Extended-B character at Unicode U+0233 (LATIN SMALL LETTER Y WITH MACRON). It is the letter y with a macron (¯) above — typically marking a long vowel in linguistic and academic notation.

Remember

Character     &ymacr;
Unicode       U+0233
Named entity  &ymacr;
Hex entity    &#x0233;
Decimal       &#563;
CSS escape    \0233
Capital       &Ymacr; (Ȳ)

Named, hex, decimal, CSS, and a typed character all produce the same glyph: &ymacr;. Prefer &ymacr; in HTML source for clarity.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	`&ymacr;`	HTML markup (best default)
Hex entity	`ȳ`	HTML markup
Decimal entity	`ȳ`	HTML markup
CSS escape	`\0233`	Stylesheet `content`
Direct character	`&ymacr;`	UTF-8 HTML text

When to Use Which

Situation	Use
Readable HTML source	`&ymacr;`
Numeric entity required	`ȳ` or `ȳ`
Generated text via `::before` / `::after`	`content: "\0233"`
Capital Ȳ	`&Ymacr;` — see Uppercase Y Macron
Circumflex or acute instead	See Y Circumflex or Y Acute

See it

Live Preview

Lowercase y macron in sample and comparison contexts.

Sample text y with macron: &ymacr;

Large glyph &ymacr;

Named entity &ymacr; → &ymacr;

vs y / Ȳ / ŷ &ymacr; | y | &Ymacr; | ŷ

With entities Named: &ymacr; | Hex: ȳ | Decimal: ȳ

Code

Complete HTML Example

One page that shows this character with named, hex, decimal, and CSS forms. Use View Output or open the live editor.

Named + Hex + Decimal + CSS

Four ways to produce &ymacr; in a single document.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Lowercase Y Macron (&ymacr;)</title>
  <style>
    #point::after {
      content: "\0233";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: &ymacr;</p>
  <p>Using Hex Code: &#x0233;</p>
  <p>Using HTML Code: &#563;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Sample: l&ymacr;ng</p>
</body>
</html>

Try It Yourself

How It Works

1. Named: &ymacr; is the clearest HTML form and renders &ymacr;.

2. Hex: U+0233 → ȳ in HTML. Same result as the named entity.

3. Decimal: same code point as 563 → ȳ. Same result as hex.

4. CSS: use \0233 in content (not an HTML entity). #point::after appends that &ymacr; after the paragraph text.

Pitfalls & Tips

Common mistakes when working with lowercase y macron.

Case

`&ymacr;` ≠ `&Ymacr;`

Named entities are case-sensitive. Lowercase is ȳ; uppercase is Ȳ.

Look-alikes

Not ŷ or ý

Macron (¯) is not circumflex (^) or acute (´). Do not confuse &ymacr; with &ycirc; or ý.

Compose

Prefer precomposed

Use &ymacr; instead of y plus combining macron (U+0304) when the precomposed form exists.

CSS vs HTML

Do not mix escapes

\0233 belongs in CSS. &ymacr; / ȳ / ȳ belong in HTML.

Encoding

Declare UTF-8

If you type ȳ directly, keep <meta charset="UTF-8"> so the file is not misread.

Semicolon

End references

Always finish with ; — write &ymacr;, not &ymacr.

Compatibility

Browser Support

Lowercase y macron (U+0233) and its entity forms (&ymacr;, ȳ, ȳ, CSS \\0233) are supported in all modern browsers.

✓ Universal encoding

Lowercase Y Macron (&ymacr;)

Encode with named, hex, decimal, or CSS escape — or type &ymacr; directly in UTF-8 HTML.

100% Browser coverage

Google Chrome Supported

Yes

Microsoft Edge Supported

Yes

Mozilla Firefox Supported

Yes

Apple Safari Supported

Yes

Opera Supported

Yes

Internet Explorer IE 9+

Yes*

U+0233 Full support

Bottom line: Prefer &ymacr; for readable HTML. Use \\0233 only inside CSS content.

Remember

Key Takeaways

Unicode: this character is U+0233 (decimal 563).
HTML: prefer &ymacr; — or use ȳ / ȳ.
CSS: use \0233 inside content for generated text.
Watch out: &ymacr; ≠ &Ymacr; ≠ &ycirc;.

One line: U+0233 → &ymacr; / ȳ / ȳ / CSS \0233.

Frequently Asked Questions

How do I display lowercase y macron (ȳ) in HTML using entities?

Use &ymacr; (named), ȳ (hex), ȳ (decimal), or the CSS escape \0233 in the content property. All render ȳ. Prefer &ymacr; in HTML source.

What is the Unicode value for lowercase y macron?

U+0233 (LATIN SMALL LETTER Y WITH MACRON). Hex 0233, decimal 563. It belongs to Latin Extended-B (U+0180–U+024F).

Is there a named HTML entity for U+0233?

Yes. &ymacr; is the HTML5 named entity for ȳ. The capital form is &Ymacr; (Ȳ, U+0232) — names are case-sensitive.

When should I use this HTML entity?

Use it for linguistic notation, academic orthographies, phonetic or historical text that needs ȳ, multilingual sites, and internationalized pages.

What is the difference between HTML code and CSS entity for U+0233?

HTML entities (&ymacr;, ȳ, or ȳ) go in markup. The CSS escape \0233 is used in stylesheets (usually in the content property of ::before/::after). Both render ȳ.

Is ȳ the same as y + combining macron?

Visually similar, but U+0233 is a precomposed character. Combining macron is U+0304 after a base letter. Prefer the precomposed &ymacr; when available.

Did you know?

Lowercase y macron is Unicode U+0233 (decimal 563) — LATIN SMALL LETTER Y WITH MACRON in Latin Extended-B. HTML5 provides &ymacr; — the most readable form. Capital is &Ymacr; (Ȳ, U+0232). The macron (¯) typically marks a long vowel in linguistic and academic notation.

Next: Lowercase Y Reverse

Learn the HTML entity for ʎ (turned y) — next in this sequence.

Continue tutorial →

About the author

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

HTML Entity | Lowercase Y Circumflex HTML Entity | Lowercase Y Reverse