HTML Entity for Lowercase O Acute (ó)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+00F3

HTML Entity for lowercase o with acute (U+00F3) tutorial illustration

Definition

What Is the Lowercase O Acute Entity?

Lowercase o acute (ó) is the Latin-1 Supplement character at Unicode U+00F3 (LATIN SMALL LETTER O WITH ACUTE). It is the letter o with an acute accent (´) above — used for stress or vowel quality in Spanish, Portuguese, Irish, and many other languages.

Remember

Character     ó
Unicode       U+00F3
Named entity  &oacute;
Hex entity    &#x00F3;
Decimal       &#243;
CSS escape    \00F3
Capital       &Oacute; (Ó)

Named, hex, decimal, CSS, and a typed character all produce the same glyph: ó. Prefer ó in HTML source for clarity.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	`ó`	HTML markup (best default)
Hex entity	`ó`	HTML markup
Decimal entity	`ó`	HTML markup
CSS escape	`\00F3`	Stylesheet `content`
Direct character	`ó`	UTF-8 HTML text

When to Use Which

Situation	Use
Readable HTML source	`ó`
Numeric entity required	`ó` or `ó`
Generated text via `::before` / `::after`	`content: "\00F3"`
Capital Ó	`Ó` — see Uppercase O Acute
Grave or diaeresis instead	See O Grave or O Umlaut

See it

Live Preview

Lowercase o acute in Spanish and comparison contexts.

Spanish sample cómo, información

Large glyph ó

Named entity ó → ó

vs o / Ó / ò ó | o | Ó | ò

With entities Named: ó | Hex: ó | Decimal: ó

Code

Complete HTML Example

One page that shows this character with named, hex, decimal, and CSS forms. Use View Output or open the live editor.

Named + Hex + Decimal + CSS

Four ways to produce ó in a single document.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Lowercase O Acute (&oacute;)</title>
  <style>
    #point::after {
      content: "\00F3";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: &oacute;</p>
  <p>Using Hex Code: &#x00F3;</p>
  <p>Using HTML Code: &#243;</p>
  <p id="point">Using CSS Entity: </p>
  <p lang="es">Espa&ntilde;ol: c&oacute;mo</p>
</body>
</html>

Try It Yourself

How It Works

1. Named: ó is the clearest HTML form and renders ó.

2. Hex: U+00F3 → ó in HTML. Same result as the named entity.

3. Decimal: same code point as 243 → ó. Same result as hex.

4. CSS: use \00F3 in content (not an HTML entity). #point::after appends that ó after the paragraph text.

Pitfalls & Tips

Common mistakes when working with lowercase o acute.

Case

`ó` ≠ `Ó`

Named entities are case-sensitive. Lowercase is ó; uppercase is Ó.

Look-alikes

Not ò or ö

Acute (´) is not grave (`) or diaeresis (¨). Do not confuse ó with ò or ö.

Compose

Prefer precomposed

Use ó instead of o plus combining acute (U+0301) when the precomposed form exists.

CSS vs HTML

Do not mix escapes

\00F3 belongs in CSS. ó / ó / ó belong in HTML.

Encoding

Declare UTF-8

If you type ó directly, keep <meta charset="UTF-8"> so the file is not misread.

Semicolon

End references

Always finish with ; — write ó, not &oacute.

Compatibility

Browser Support

Lowercase o acute (U+00F3) and its entity forms (ó, ó, ó, CSS \\00F3) are supported in all modern browsers.

✓ Universal encoding

Lowercase O Acute (ó)

Encode with named, hex, decimal, or CSS escape — or type ó directly in UTF-8 HTML.

100% Browser coverage

Google Chrome Supported

Yes

Microsoft Edge Supported

Yes

Mozilla Firefox Supported

Yes

Apple Safari Supported

Yes

Opera Supported

Yes

Internet Explorer All versions

Yes

U+00F3 Full support

Bottom line: Prefer ó for readable HTML. Use \\00F3 only inside CSS content.

Remember

Key Takeaways

Unicode: this character is U+00F3 (decimal 243).
HTML: prefer ó — or use ó / ó.
CSS: use \00F3 inside content for generated text.
Watch out: ó ≠ Ó ≠ ò.

One line: U+00F3 → ó / ó / ó / CSS \00F3.

Frequently Asked Questions

How do I display lowercase o acute (ó) in HTML using entities?

Use ó (named), ó (hex), ó (decimal), or the CSS escape \00F3 in the content property. All render ó. Prefer ó in HTML source.

What is the Unicode value for lowercase o acute?

U+00F3 (LATIN SMALL LETTER O WITH ACUTE). Hex 00F3, decimal 243. It belongs to the Latin-1 Supplement (U+0080–U+00FF).

Is there a named HTML entity for U+00F3?

Yes. ó is the HTML5 named entity for ó. The capital form is Ó (Ó, U+00D3) — names are case-sensitive.

When should I use this HTML entity?

Use it for Spanish, Portuguese, Irish, Hungarian, Czech, Slovak, or other text that needs ó (e.g. cómo, informação), multilingual sites, and internationalized pages.

What is the difference between HTML code and CSS entity for U+00F3?

HTML entities (ó, ó, or ó) go in markup. The CSS escape \00F3 is used in stylesheets (usually in the content property of ::before/::after). Both render ó.

Is ó the same as o + combining acute?

Visually similar, but U+00F3 is a precomposed character. Combining acute is U+0301 after a base letter. Prefer the precomposed ó when available.

Did you know?

Lowercase o acute is Unicode U+00F3 (decimal 243) — LATIN SMALL LETTER O WITH ACUTE in the Latin-1 Supplement. HTML5 provides ó — the most readable form. Capital is Ó (Ó, U+00D3). Common in Spanish (cómo), Portuguese, Irish, Hungarian, Czech, and Slovak.

Next: Lowercase O Barred

Learn the HTML entity for ɵ (barred o) — next in this sequence.

Continue tutorial →

About the author

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

HTML Entity | Lowercase O Above Dot Macron HTML Entity | Lowercase O Barred