HTML Entity for Lowercase Y Circumflex (ŷ)

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

What You'll Learn

How to display the lowercase y with circumflex (ŷ) in HTML using named entity, hexadecimal, decimal, and CSS escape methods. This letter is essential in Welsh orthography, where ŷ represents a distinct vowel sound. It appears in words such as (house), (houses), and (dogs). It is U+0177 in the Latin Extended-A block.

Render it with ŷ, ŷ, ŷ, or CSS escape \0177. The named entity ŷ is often the most readable option. Do not confuse ŷ (y circumflex) with plain y (U+0079) or ý (y acute, ý).

⚡ Quick Reference — Lowercase Y Circumflex Entity

Unicode U+0177

Latin Extended-A

Hex Code ŷ

Hexadecimal reference

HTML Code ŷ

Decimal reference

Named Entity ŷ

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+0177
Hex code       ŷ
HTML code      ŷ
Named entity   ŷ
CSS code       \0177
Meaning        Latin small letter y with circumflex
Also known as  y circumflex
Related        U+0176 = Ŷ (Ŷ)
Block          Latin Extended-A (U+0100–U+017F)
1

Complete HTML Example

A simple example showing the lowercase y circumflex (ŷ) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\0177";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x0177;</p>
<p>Symbol (decimal): &#375;</p>
<p>Symbol (named): &ycirc;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

The lowercase y circumflex (ŷ) and the named entity &ycirc; are supported in all modern browsers:

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

👀 Live Preview

See the lowercase y circumflex (ŷ) in Welsh and multilingual contexts:

Large glyphŷ
Welshtŷ (house), yŷ (houses), cŷ (dogs)
Named entity&ycirc; renders as ŷ
UppercaseŶ (U+0176) — &Ycirc;
Not the same asy (plain)  |  ý (y acute)  |  ŵ (w circumflex)
Numeric refs&#x0177; &#375; &ycirc; \0177

🧠 How It Works

1

Hexadecimal Code

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

HTML markup
2

Decimal HTML Code

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

HTML markup
3

Named Entity

&ycirc; is the standard named entity for ŷ—readable in source HTML and part of the HTML5 entity set.

HTML markup
4

CSS Entity

\0177 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+0177 sits in Latin Extended-A. Uppercase equivalent: U+0176 (Ŷ). Do not confuse with plain y (U+0079) or ý (y acute).

Use Cases

The lowercase y circumflex (ŷ) is commonly used in:

🇬🇧 Welsh

Essential in words like tŷ (house), yŷ (houses), and cŷ (dogs). A distinct letter in Welsh orthography.

📝 Proper names

Welsh place names, surnames, and brands that include ŷ must display correctly on the web.

🔤 Education

Language learning apps, dictionaries, and pronunciation guides teaching Welsh.

🌐 Internationalization

Multilingual websites, forms, and CMS content requiring correct Welsh spelling.

📚 Linguistics

Academic papers and linguistic resources documenting Welsh and related orthographies.

🎨 Typography

Headlines, logos, and styled text in Welsh requiring correct circumflex spelling.

🔍 Search & SEO

Correct rendering so users can find Welsh content with words containing ŷ.

💡 Best Practices

Do

  • Use &ycirc; in HTML when possible for readability
  • Serve pages as UTF-8; you can also type ŷ directly in UTF-8 source
  • Set lang="cy" on Welsh content for correct pronunciation
  • Use fonts that support Latin Extended-A characters
  • Distinguish ŷ (circumflex) from plain y and ý (acute)

Don’t

  • Substitute plain y when ŷ is required for correct Welsh spelling
  • Confuse ŷ (circumflex) with ý (acute) or ŵ (w circumflex)
  • Use the old incorrect CSS escape \00177—the correct value is \0177
  • Put CSS escape \0177 in HTML text nodes
  • Omit UTF-8 encoding on pages with accented characters

Key Takeaways

1

Four references render ŷ; named entity is most readable

&#x0177; &#375; &ycirc;
2

For CSS stylesheets, use the escape in the content property

\0177
3

Unicode U+0177 — LATIN SMALL LETTER Y WITH CIRCUMFLEX

4

Essential for Welsh; uppercase is Ŷ (U+0176, &Ycirc;)

❓ Frequently Asked Questions

Use &ycirc; (named), &#x0177; (hex), &#375; (decimal), or \0177 in CSS content. All four methods render ŷ correctly.
U+0177 (LATIN SMALL LETTER Y WITH CIRCUMFLEX). Latin Extended-A block. Hex 0177, decimal 375. Used in Welsh and other languages. Uppercase form is U+0176 (Ŷ) with named entity &Ycirc;.
For Welsh text, language learning sites, internationalized content, and any text requiring correct spelling with this accented letter.
No. ŷ (U+0177) is y with circumflex (&ycirc;), used in Welsh. ý (U+00FD) is y with acute (&yacute;), used in Icelandic and Faroese. They are different characters with different Unicode values.
The named entity &ycirc; is easier to read in hand-written HTML. Numeric codes are useful when generating markup programmatically. All produce the same character ŷ.

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