HTML Entity for Lowercase O Circumflex (ô)

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

What You'll Learn

How to display the lowercase o with circumflex (ô) in HTML using named entity, hexadecimal, decimal, and CSS escape methods. This character is U+00F4 in the Latin-1 Supplement block. The circumflex (^) diacritic is used in French, Portuguese, Vietnamese, Welsh, and other languages.

Render it with ô, ô, ô, or CSS escape \00F4. The named entity ô is a readable and widely supported HTML character reference.

⚡ Quick Reference — Lowercase O Circumflex Entity

Unicode U+00F4

Latin-1 Supplement

Hex Code ô

Hexadecimal reference

HTML Code ô

Decimal reference

Named Entity ô

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+00F4
Hex code       ô
HTML code      ô
Named entity   ô
CSS code       \00F4
Meaning        Latin small letter o with circumflex
Related        U+00D4 = Ô (Ô)
Block          Latin-1 Supplement (U+0080–U+00FF)
1

Complete HTML Example

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

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

🌐 Browser Support

The lowercase o circumflex (ô) and the named entity &ocirc; are supported in all modern browsers:

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

👀 Live Preview

See the lowercase o circumflex (ô) in language and content contexts:

Large glyphô
Frenchcôte  |  hôtel  |  tôt
Portugueseavô  |  pôr
Vietnamesecô  |  trôi  |  hôm
Named entity&ocirc; renders as ô
UppercaseÔ (U+00D4) — use &Ocirc;
Not the same asó (acute)  |  ò (grave)  |  ö (umlaut)  |  o (plain)
Numeric refs&#x00F4; &#244; &ocirc; \00F4

🧠 How It Works

1

Hexadecimal Code

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

HTML markup
2

Decimal HTML Code

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

HTML markup
3

Named Entity

&ocirc; is the named entity for o circumflex—readable in source HTML and widely used for French, Portuguese, and Vietnamese content.

HTML markup
4

CSS Entity

\00F4 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+00F4 sits in Latin-1 Supplement. Uppercase equivalent: U+00D4 (Ô, &Ocirc;). Do not confuse with ó (acute), ò (grave), or ö (umlaut).

✅

Use Cases

The lowercase o circumflex (ô) is commonly used in:

🇫🇷 French

Essential for correct spelling (côte, hôtel, tôt). The circumflex often marks a historical omitted letter such as s.

🇧🇷 Portuguese

Used in words like avô (grandfather) and pôr where ô represents a closed o sound.

🇻🇳 Vietnamese

ô is a distinct vowel in the Vietnamese alphabet, as in cô, trôi, and hôm.

🌐 Multilingual Sites

Dictionaries, place names, product localization, and any content requiring proper accented characters.

📚 Language Learning

Lessons for French, Portuguese, Vietnamese, or Welsh showing correct spelling and pronunciation with ô.

♿ Accessibility

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

🎨 CSS Generated Content

Using \00F4 in the CSS content property to insert ô via pseudo-elements.

💡 Best Practices

Do

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

Don’t

  • Substitute plain o when ô is required in French or Portuguese text
  • Confuse ô (circumflex) with ó (acute), ò (grave), ö (umlaut), or plain o
  • Confuse Vietnamese ô with ơ (o horn, as in cơm)
  • Put CSS escape \00F4 in HTML text nodes
  • Double-encode entity references in dynamically generated HTML

Key Takeaways

1

The named entity is the most familiar form

&ocirc;
2

Numeric alternatives: hex and decimal

&#x00F4; &#244;
3

Unicode U+00F4 — LATIN SMALL LETTER O WITH CIRCUMFLEX

4

Essential for French, Portuguese, and Vietnamese; uppercase is Ô (&Ocirc;)

5

Previous: Lowercase O Caron (ǒ)   Next: Lowercase O Diaeresis Macron

❓ Frequently Asked Questions

Use &ocirc; (named), &#x00F4; (hex), &#244; (decimal), or \00F4 in CSS content. In UTF-8 you can also type ô directly.
U+00F4 (LATIN SMALL LETTER O WITH CIRCUMFLEX). Latin-1 Supplement block. Hex 00F4, decimal 244. Used in French, Portuguese, Vietnamese, and other languages. Uppercase form is U+00D4 (Ô).
When displaying French, Portuguese, Vietnamese, Welsh, or other language text that uses ô, in multilingual sites, documentation, or when you need a reliable character reference. In UTF-8 pages you can type ô directly.
The named HTML entity is &ocirc;. You can also use &#244; or &#x00F4;, or the CSS entity \00F4.
Both produce the same character (ô). &ocirc; is a named entity and is more readable; &#244; is the decimal numeric character reference. Use whichever fits your project’s style.

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Lowercase O Caron (ǒ) Lowercase O Diaeresis Macron