HTML Entity for Lowercase A Tilde (ã)

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

What You'll Learn

How to display the lowercase a with tilde (ã) in HTML using named entity, hexadecimal, decimal, and CSS escape methods. Essential for Portuguese (including Brazilian Portuguese), Vietnamese, and other languages, it appears in common words such as São Paulo and maçã. It is U+00E3 in the Latin-1 Supplement block.

Render it with ã, ã, ã, or CSS escape \00E3. The named entity ã is often the most readable option in HTML source.

⚡ Quick Reference — Lowercase A Tilde Entity

Unicode U+00E3

Latin-1 Supplement

Hex Code ã

Hexadecimal reference

HTML Code ã

Decimal reference

Named Entity ã

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+00E3
Hex code       ã
HTML code      ã
Named entity   ã
CSS code       \00E3
Meaning        Latin small letter a with tilde
Block          Latin-1 Supplement (U+0080–U+00FF)
1

Complete HTML Example

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

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\00E3";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#xE3;</p>
<p>Symbol (decimal): &#227;</p>
<p>Symbol (named): &atilde;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The lowercase a tilde (ã) and the named entity &atilde; are supported in all modern browsers:

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

👀 Live Preview

See the lowercase a tilde (ã) in Portuguese and Vietnamese contexts:

Large glyphã
PortugueseSão Paulo, maçã, não, irmã
Named entity&atilde; renders as ã
Not the same asplain a (U+0061)
Numeric refs&#xE3; &#227; &atilde; \00E3

🧠 How It Works

1

Hexadecimal Code

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

HTML markup
2

Decimal HTML Code

&#227; uses the decimal Unicode value 227 to display the same character. One of the most commonly used methods in HTML.

HTML markup
3

Named Entity

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

HTML markup
4

CSS Entity

\00E3 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+00E3 sits in Latin-1 Supplement. In Portuguese and Vietnamese, ã is a distinct character—do not confuse with plain a (U+0061).

Use Cases

The lowercase a tilde (ã) is commonly used in:

🇧🇷 Portuguese

Correct spelling of Portuguese and Brazilian Portuguese words (e.g. São Paulo, maçã, não, irmã).

🇻🇳 Vietnamese

Vietnamese text and language content that uses the a-with-tilde character.

📚 Language Learning

Vocabulary, pronunciation guides, and dictionary entries for Portuguese and Vietnamese.

🌐 Internationalization

Websites and apps targeting Portuguese-speaking or Vietnamese audiences.

📄 Publishing

Academic papers, books, and editorial content with Portuguese or Vietnamese names and terminology.

🔍 Search & SEO

Correct rendering so users can find content searching for words like “São Paulo” or “maçã”.

📧 Forms & Input

Name fields, addresses, and user input that may contain Portuguese or Vietnamese characters.

💡 Best Practices

Do

  • Use &atilde; in HTML when possible for readability
  • Serve pages as UTF-8; you can also type ã directly in UTF-8 source
  • Set lang="pt" or lang="vi" on Portuguese or Vietnamese content
  • Use fonts that support Latin-1 Supplement characters
  • Distinguish ã (tilde) from plain a (U+0061)

Don’t

  • Substitute plain a when ã is required for correct spelling
  • Confuse ã (tilde) with á (acute) or other accented a variants
  • Put CSS escape \00E3 in HTML text nodes
  • Assume all fonts render Latin-1 glyphs identically
  • Mix entity styles randomly in one file

Key Takeaways

1

Four references render ã; named entity is most readable

&#xE3; &#227; &atilde;
2

For CSS stylesheets, use the escape in the content property

\00E3
3

Unicode U+00E3 — LATIN SMALL LETTER A WITH TILDE

4

Essential for Portuguese, Vietnamese, and internationalized web content

❓ Frequently Asked Questions

Use &atilde; (named), &#xE3; (hex), &#227; (decimal), or \00E3 in CSS content. All four methods render ã correctly.
U+00E3 (LATIN SMALL LETTER A WITH TILDE). Latin-1 Supplement block. Hex E3, decimal 227. Used in Portuguese, Vietnamese, and other languages.
For Portuguese and Brazilian Portuguese words (e.g. São Paulo, maçã), Vietnamese text, language learning and dictionary sites, internationalized content, and any text requiring correct spelling with this character.
HTML code (&#227; or &#xE3;) or the named entity &atilde; is used in HTML content. The CSS entity (\00E3) is used in CSS, e.g. in the content property of pseudo-elements. Both produce ã but in different contexts.
The named entity &atilde; is easier to read and maintain in hand-written HTML. Numeric codes (&#227; or &#xE3;) are useful when generating HTML 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