HTML Entity for Uppercase O Acute (Ó)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+00D3
HTML Entity for Uppercase O Acute tutorial illustration

What You'll Learn

How to display the uppercase O with acute accent (Ó) in HTML using named entity, hexadecimal, decimal, and CSS escape methods. This character is U+00D3 in the Latin-1 Supplement block and is essential for Spanish, Portuguese, Irish, and other languages.

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

⚡ Quick Reference — Uppercase O Acute Entity

Unicode U+00D3

Latin-1 Supplement

Hex Code Ó

Hexadecimal reference

HTML Code Ó

Decimal reference

Named Entity Ó

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+00D3
Hex code       Ó
HTML code      Ó
Named entity   Ó
CSS code       \D3
Meaning        Latin capital letter O with acute
Related        U+00F3 = ó (lowercase)
Block          Latin-1 Supplement (U+0080–U+00FF)
1

Complete HTML Example

A simple example showing the uppercase O acute (Ó) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:

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

🌐 Browser Support

The uppercase O acute (Ó) and the named entity &Oacute; are universally supported in modern browsers:

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

👀 Live Preview

See the uppercase O acute (Ó) in language and content contexts:

Large glyphÓ
SpanishÓptica, Órgano, Óscar
IrishÓ Briain, Ó Conchúir
Named entity&Oacute; renders as Ó
Numeric refs&#xD3; &#211; &Oacute; \D3

🧠 How It Works

1

Named Entity

&Oacute; is the standard named entity for Ó—readable in source HTML and part of the HTML Latin-1 entity set.

HTML markup
2

Hexadecimal Code

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

HTML markup
3

Decimal HTML Code

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

HTML markup
4

CSS Entity

\D3 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+00D3 sits in Latin-1 Supplement. Lowercase equivalent: U+00F3 (&oacute;). Do not confuse with plain O (U+004F) or Ȱ (O with dot and macron).

✅

Use Cases

The uppercase O acute (Ó) is commonly used in:

🇬🇧 Spanish & Portuguese

Essential in words and names like Óptica, Órgano (Spanish) and Óptimo (Portuguese).

🇪🇺 Irish

Common in Irish surnames and names such as Ó Briain and Ó Conchúir.

🌐 Internationalization

Websites and apps serving Spanish-, Portuguese-, or Irish-speaking audiences.

📝 Proper names

Names of people, cities, and brands that start with or include Ó.

🔤 Language learning

Courses, dictionaries, and educational content teaching accented O.

🎨 Typography

Headlines, logos, and styled text requiring correct accented spelling.

🔍 Search & SEO

Correct rendering so users can find content with proper accented spelling.

💡 Best Practices

Do

  • Use &Oacute; in HTML when possible for readability
  • Serve pages as UTF-8; you can also type Ó directly in UTF-8 source
  • Set lang attributes (e.g. lang="es") for correct pronunciation
  • Use fonts that support Latin-1 Supplement characters
  • Distinguish Ó (U+00D3) from plain O (U+004F)—meaning can change in proper names

Don’t

  • Substitute plain O when Ó is required for correct spelling
  • Confuse Ó with Ȱ (O with dot above and macron—different character)
  • Put CSS escape \D3 in HTML text nodes
  • Use \00D3 in CSS when \D3 is sufficient and correct
  • Omit UTF-8 encoding on pages with accented characters

Key Takeaways

1

Four references render Ó; named entity is most readable

&#xD3; &#211; &Oacute;
2

For CSS stylesheets, use the escape in the content property

\D3
3

Unicode U+00D3 — LATIN CAPITAL LETTER O WITH ACUTE

4

Lowercase pair is U+00F3 (ó, &oacute;)

5

Previous: Uppercase O Above Dot Macron (Ȱ)   Next: Uppercase O Breve

❓ Frequently Asked Questions

Use &Oacute; (named), &#xD3; (hex), &#211; (decimal), or \D3 in CSS content. The named entity &Oacute; is the most readable for HTML content.
U+00D3 (LATIN CAPITAL LETTER O WITH ACUTE). Latin-1 Supplement block. Hex D3, decimal 211. Used in Spanish, Portuguese, Irish, and other languages.
When writing words in Spanish (e.g. Óptica, Óscar), Portuguese, Irish (e.g. Ó Briain), and other languages that use this character, plus proper names and internationalized web content.
HTML code (&#211; or &#xD3;) or the named entity &Oacute; is used in HTML content. The CSS entity (\D3) is used in CSS, e.g. in the content property of pseudo-elements. Both produce Ó but in different contexts.
Yes. The named HTML entity is &Oacute;. It is part of the standard HTML Latin-1 entity set and is well supported. You can also use &#211; or &#xD3; for numeric references.

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Uppercase O Above Dot Macron Uppercase O Breve