HTML Entity for Lowercase O Circumflex (ô)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+00F4

HTML Entity for lowercase o with circumflex (U+00F4) tutorial illustration

Definition

What Is the Lowercase O Circumflex Entity?

Lowercase o circumflex (ô) is the Latin-1 Supplement character at Unicode U+00F4 (LATIN SMALL LETTER O WITH CIRCUMFLEX). It is the letter o with a circumflex (^) above — used in French, Portuguese, Vietnamese, Welsh, and other languages.

Remember

Character     ô
Unicode       U+00F4
Named entity  &ocirc;
Hex entity    &#x00F4;
Decimal       &#244;
CSS escape    \00F4
Capital       &Ocirc; (Ô)

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	`\00F4`	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: "\00F4"`
Capital Ô	`Ô` — see Uppercase O Circumflex
Acute or grave instead	See O Acute or O Grave

See it

Live Preview

Lowercase o circumflex in French and comparison contexts.

French sample hôtel, côte

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 Circumflex (&ocirc;)</title>
  <style>
    #point::after {
      content: "\00F4";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: &ocirc;</p>
  <p>Using Hex Code: &#x00F4;</p>
  <p>Using HTML Code: &#244;</p>
  <p id="point">Using CSS Entity: </p>
  <p lang="fr">Fran&ccedil;ais: h&ocirc;tel</p>
</body>
</html>

Try It Yourself

How It Works

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

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

3. Decimal: same code point as 244 → ô. Same result as hex.

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

Pitfalls & Tips

Common mistakes when working with lowercase o circumflex.

Case

`ô` ≠ `Ô`

Named entities are case-sensitive. Lowercase is ô; uppercase is Ô.

Look-alikes

Not ó or ò

Circumflex (^) is not acute (´) or grave (`). Do not confuse ô with ó or ò.

Compose

Prefer precomposed

Use ô instead of o plus combining circumflex (U+0302) when the precomposed form exists.

CSS vs HTML

Do not mix escapes

\00F4 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 &ocirc.

Compatibility

Browser Support

Lowercase o circumflex (U+00F4) and its entity forms (ô, ô, ô, CSS \\00F4) are supported in all modern browsers.

✓ Universal encoding

Lowercase O Circumflex (ô)

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+00F4 Full support

Bottom line: Prefer ô for readable HTML. Use \\00F4 only inside CSS content.

Remember

Key Takeaways

Unicode: this character is U+00F4 (decimal 244).
HTML: prefer ô — or use ô / ô.
CSS: use \00F4 inside content for generated text.
Watch out: ô ≠ Ô ≠ ó.

One line: U+00F4 → ô / ô / ô / CSS \00F4.

Frequently Asked Questions

How do I display lowercase o circumflex (ô) in HTML using entities?

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

What is the Unicode value for lowercase o circumflex?

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

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

Yes. ô is the HTML5 named entity for ô. The capital form is Ô (Ô, U+00D4) — names are case-sensitive.

When should I use this HTML entity?

Use it for French, Portuguese, Vietnamese, Welsh, or other text that needs ô (e.g. hôtel, côte), multilingual sites, and internationalized pages.

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

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

Is ô the same as o + combining circumflex?

Visually similar, but U+00F4 is a precomposed character. Combining circumflex is U+0302 after a base letter. Prefer the precomposed ô when available.

Did you know?

Lowercase o circumflex is Unicode U+00F4 (decimal 244) — LATIN SMALL LETTER O WITH CIRCUMFLEX in the Latin-1 Supplement. HTML5 provides ô — the most readable form. Capital is Ô (Ô, U+00D4). Common in French (hôtel, côte), Portuguese, Vietnamese, and Welsh.

Next: Lowercase O Diaeresis Macron

Learn the HTML entity for ȫ (o with diaeresis and macron) — 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 Caron HTML Entity | Lowercase O Diaeresis Macron