HTML Entity for Lowercase O Tilde (õ)

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

What You'll Learn

How to display the lowercase o with tilde (õ) in HTML using named entity, hexadecimal, decimal, and CSS escape methods. This character is U+00F5 in the Latin-1 Supplement block—the letter o with a tilde (˜) above. It is a distinct letter in Portuguese and Estonian orthography.

Render it with õ, õ, õ, or CSS escape \00F5. HTML provides the named entity õ for this character. In UTF-8 documents you can also type õ directly. Do not confuse õ with ñ (n tilde) or ã (a tilde).

⚡ Quick Reference — Lowercase O Tilde Entity

Unicode U+00F5

Latin-1 Supplement

Hex Code õ

Hexadecimal reference

HTML Code õ

Decimal reference

Named Entity õ

HTML5 named entity

Reference Table
Name           Value
────────────   ──────────
Unicode        U+00F5
Hex code       õ
HTML code      õ
Named entity   õ
CSS code       \00F5
Meaning        Latin small letter o with tilde
Related        U+00D5 = Õ (uppercase, Õ)
Block          Latin-1 Supplement (U+0080–U+00FF)
1

Complete HTML Example

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

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\00F5";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x00F5;</p>
<p>Symbol (decimal): &#245;</p>
<p>Symbol (named): &otilde;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

The lowercase o tilde (õ) and the named entity &otilde; are supported in all modern browsers:

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

👀 Live Preview

See the lowercase o tilde (õ) in Portuguese and Estonian contexts:

Large glyphõ
Portuguesenão  |  põe  |  avô  |  limões
Estoniansõna  |  õun  |  sõber
Named entity&otilde; renders as õ
UppercaseÕ (U+00D5) — use &Otilde;
Not the same asñ (n tilde)  |  ã (a tilde)  |  plain o
Numeric refs&#x00F5; &#245; &otilde; \00F5

🧠 How It Works

1

Named Entity

&otilde; is the HTML named entity for o tilde—readable in source HTML and widely used for Portuguese and Estonian content.

HTML markup
2

Hexadecimal Code

&#x00F5; uses the Unicode hexadecimal value 00F5 to display the character. The x prefix indicates hexadecimal format.

HTML markup
3

Decimal HTML Code

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

HTML markup
4

CSS Entity

\00F5 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+00F5 sits in Latin-1 Supplement. Uppercase equivalent: U+00D5 (Õ, &Otilde;). Do not confuse with ñ (n tilde), ã (a tilde), or plain o.

Use Cases

The lowercase o tilde (õ) is commonly used in:

🇧🇷 Portuguese

Essential for correct spelling (não, põe, avô, limões). õ is a distinct letter in Portuguese and Brazilian Portuguese.

🇪🇪 Estonian

Used in Estonian orthography (sõna, õun, sõber). õ is a separate letter in the Estonian alphabet.

🌐 Multilingual sites

Menus, search, forms, and content for Portuguese and Estonian audiences. Correct õ improves readability and SEO.

📚 Language learning

Lessons, dictionaries, and educational apps teaching Portuguese or Estonian pronunciation and spelling.

📝 Names & branding

Personal names, product names, and localized branding that contain the letter õ.

♿ Accessibility

Using U+00F5 or &otilde; with proper lang attributes ensures assistive technologies pronounce text correctly.

⚙ Programmatic HTML

When generating markup, &otilde; or &#245; guarantees correct Portuguese or Estonian letter output.

💡 Best Practices

Do

  • Use U+00F5 (õ) for Portuguese and Estonian text
  • Prefer &otilde; over numeric codes when using entities—it is more readable
  • Set lang="pt" or lang="et" on content blocks
  • Serve pages as UTF-8; you can also type õ directly in UTF-8 source
  • Distinguish õ from ñ (n tilde), ã (a tilde), and plain o

Don’t

  • Substitute plain o or ~o when õ is required
  • Confuse õ with ñ (ñ) or ã (ã)
  • Use õ in words that need ã (e.g. São uses a-tilde, not o-tilde)
  • Put CSS escape \00F5 in HTML text nodes
  • Mix entity styles inconsistently within the same project

Key Takeaways

1

Four references render õ; named entity is &otilde;

&otilde; &#x00F5; &#245;
2

For CSS stylesheets, use the escape in the content property

\00F5
3

Unicode U+00F5 — LATIN SMALL LETTER O WITH TILDE

4

Portuguese & Estonian; uppercase is Õ (&Otilde;)

❓ Frequently Asked Questions

Use the named entity &otilde;, hexadecimal &#x00F5;, decimal &#245;, or \00F5 in CSS content. The named entity is the most readable. In UTF-8 you can also type õ directly.
U+00F5 (LATIN SMALL LETTER O WITH TILDE). Latin-1 Supplement block. Hex 00F5, decimal 245. Used in Portuguese and Estonian. Uppercase form is U+00D5 (Õ, &Otilde;).
When displaying Portuguese text (não, põe, avô), Estonian text (sõna, õun), multilingual websites, and any content that requires the letter o with tilde.
Yes. The named HTML entity for õ is &otilde;. You can also use &#x00F5;, &#245;, or the CSS entity \00F5. In UTF-8 pages you can type õ directly.
õ (U+00F5) is o with tilde, used in Portuguese and Estonian. ñ (U+00F1) is n with tilde, used in Spanish (&ntilde;). They are different letters—use the one that matches your language.

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