HTML Entity for Lowercase O Grave (ò)

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

What You'll Learn

How to display the lowercase o with grave accent (ò) in HTML using named entity, hexadecimal, decimal, and CSS escape methods. This character is U+00F2 in the Latin-1 Supplement block. The grave accent marks stress or a specific vowel quality in Italian, Catalan, Occitan, Scottish Gaelic, and other languages.

Render it with ò, ò, ò, or CSS escape \00F2. The named entity ò is the most readable option when you need an explicit character reference.

⚡ Quick Reference — Lowercase O Grave Entity

Unicode U+00F2

Latin-1 Supplement

Hex Code ò

Hexadecimal reference

HTML Code ò

Decimal reference

Named Entity ò

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+00F2
Hex code       ò
HTML code      ò
Named entity   ò
CSS code       \00F2
Meaning        Latin small letter o with grave
Related        U+00D2 = Ò (Ò)
Block          Latin-1 Supplement (U+0080–U+00FF)
1

Complete HTML Example

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

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

🌐 Browser Support

The lowercase o grave (ò) and the named entity &ograve; are supported in all modern browsers:

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

👀 Live Preview

See the lowercase o grave (ò) in language and content contexts:

Large glyphò
Italiancosì  |  può  |  però
Catalan & Occitansòl  |  òc
Named entity&ograve; renders as ò
UppercaseÒ (U+00D2) — use &Ograve;
Not the same asó (acute)  |  ô (circumflex)  |  ȍ (double grave)
Numeric refs&#x00F2; &#242; &ograve; \00F2

🧠 How It Works

1

Hexadecimal Code

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

HTML markup
2

Decimal HTML Code

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

HTML markup
3

Named Entity

&ograve; is the named entity for o grave—readable in source HTML and widely used for Italian and Catalan content.

HTML markup
4

CSS Entity

\00F2 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+00F2 sits in Latin-1 Supplement. Uppercase equivalent: U+00D2 (Ò, &Ograve;). Do not confuse with ó (acute), ô (circumflex), or ȍ (double grave).

Use Cases

The lowercase o grave (ò) is commonly used in:

🇮🇹 Italian

Essential for correct spelling (così, può, però). The grave accent marks stress and distinguishes words.

🇨🇳 Catalan & Occitan

Used in Catalan (sòl) and Occitan (òc). Correct character (U+00F2) supports proper orthography.

🇬🇧 Scottish Gaelic

Used in Scottish Gaelic orthography. Correct characters improve readability for Gaelic content.

📚 Language Learning

Show correct spelling and pronunciation in lessons for Italian, Catalan, or other languages that use ò.

🌐 Multilingual Content

Dictionaries, product names, place names, and localized pages that require proper accented characters.

♿ Accessibility

Using the correct character (U+00F2) with proper lang attributes ensures assistive technologies pronounce content correctly.

⚙ Programmatic HTML

When building HTML from CMS content or translation data, using &ograve; or &#242; guarantees correct output.

💡 Best Practices

Do

  • Serve pages as UTF-8; you can type ò directly in UTF-8 source
  • Use &ograve; for readable HTML when a named form is preferred
  • Set lang attributes (e.g. lang="it", lang="ca") on language-specific content
  • Use \00F2 in CSS content when generating the symbol via pseudo-elements
  • Distinguish ò (grave) from ó (acute), ô (circumflex), and ȍ (double grave)

Don’t

  • Substitute plain o when ò is required in Italian or Catalan text
  • Confuse ò (grave) with ó (acute), ô (circumflex), or ȍ (double grave)
  • Use French as an example—that word uses ù (u grave), not ò
  • Put CSS escape \00F2 in HTML text nodes
  • Double-encode entity references in dynamically generated HTML

Key Takeaways

1

The named entity is the most familiar form

&ograve;
2

Numeric alternatives: hex and decimal

&#x00F2; &#242;
3

Unicode U+00F2 — LATIN SMALL LETTER O WITH GRAVE

4

Essential for Italian and Catalan; uppercase is Ò (&Ograve;)

❓ Frequently Asked Questions

Use &ograve; (named), &#x00F2; (hex), &#242; (decimal), or \00F2 in CSS content. In UTF-8 you can also type ò directly.
U+00F2 (LATIN SMALL LETTER O WITH GRAVE). Latin-1 Supplement block. Hex 00F2, decimal 242. Used in Italian, Catalan, Occitan, and Scottish Gaelic. Uppercase form is U+00D2 (Ò).
When displaying Italian, Catalan, Occitan, Scottish Gaelic, or other language text that uses ò, in dictionaries, language learning sites, multilingual content, or when you need a reliable character reference.
Yes. The named HTML entity is &ograve;. You can also use &#242; or &#x00F2;, or the CSS entity \00F2. In UTF-8 pages you can type ò directly.
ò (U+00F2) is o with grave accent; ó (U+00F3) is o with acute accent. In Italian and other languages they represent different sounds and meanings—e.g. però vs peró. Use the correct character for 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