HTML Entity for Uppercase O Circumflex (Ô)

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

What You'll Learn

How to display the uppercase O with circumflex (Ô) in HTML using named entity, hexadecimal, decimal, and CSS escape methods. This character is U+00D4 in the Latin-1 Supplement block and is essential for French, Portuguese, Vietnamese, and other languages.

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

⚡ Quick Reference — Uppercase O Circumflex Entity

Unicode U+00D4

Latin-1 Supplement

Hex Code Ô

Hexadecimal reference

HTML Code Ô

Decimal reference

Named Entity Ô

Most readable option

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

Complete HTML Example

A simple example showing the uppercase 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: "\D4";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#xD4;</p>
<p>Symbol (decimal): &#212;</p>
<p>Symbol (named): &Ocirc;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

The uppercase O circumflex (Ô) and the named entity &Ocirc; are universally supported in modern browsers:

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

👀 Live Preview

See the uppercase O circumflex (Ô) in language and content contexts:

Large glyphÔ
FrenchHôtel, Côte, Tôt
PortuguesePortuguês, Avô
VietnameseCông, Trôi
Named entity&Ocirc; renders as Ô
Not the same asÓ (acute)  |  Ò (grave)  |  Ö (umlaut)  |  O (plain)
Numeric refs&#xD4; &#212; &Ocirc; \D4

🧠 How It Works

1

Named Entity

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

HTML markup
2

Hexadecimal Code

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

HTML markup
3

Decimal HTML Code

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

HTML markup
4

CSS Entity

\D4 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+00D4 sits in Latin-1 Supplement. Lowercase equivalent: U+00F4 (&ocirc;). Do not confuse with Ó (acute), Ò (grave), or Ö (umlaut).

✅

Use Cases

The uppercase O circumflex (Ô) is commonly used in:

🇫🇷 French

Essential in capitalized words and names like Hôtel, Côte, and Tôt where the circumflex marks a historical omitted letter.

🇧🇷 Portuguese

Used in words like Português and Avô where Ô represents the closed o sound at sentence start or in proper nouns.

🇻🇳 Vietnamese

Ô is a distinct vowel in the Vietnamese alphabet, as in Công and Trôi when capitalized.

🌐 Multilingual Sites

Websites, apps, and localization for French-, Portuguese-, and Vietnamese-speaking audiences.

📚 Language Learning

Courses, dictionaries, and educational content teaching circumflex-accented O in multiple languages.

📝 Proper names

Place names, brand names, and personal names that require correct accented spelling with Ô.

🔍 Search & SEO

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

💡 Best Practices

Do

  • Use &Ocirc; 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="fr") for correct pronunciation
  • Use fonts that support Latin-1 Supplement characters
  • Distinguish Ô (circumflex) from Ó (acute), Ò (grave), and Ö (umlaut)

Don’t

  • Substitute plain O when Ô is required for correct spelling
  • Confuse Ô (circumflex) with Ó (acute) or Ö (umlaut)
  • Put CSS escape \D4 in HTML text nodes
  • Use \00D4 in CSS when \D4 is sufficient and correct
  • Omit UTF-8 encoding on pages with accented characters

Key Takeaways

1

Four references render Ô; named entity is most readable

&#xD4; &#212; &Ocirc;
2

For CSS stylesheets, use the escape in the content property

\D4
3

Unicode U+00D4 — LATIN CAPITAL LETTER O WITH CIRCUMFLEX

4

Lowercase pair is U+00F4 (ô, &ocirc;)

5

Previous: Uppercase O Center Dot (ʘ)   Next: Uppercase O Diaeresis Macron

❓ Frequently Asked Questions

Use &Ocirc; (named), &#xD4; (hex), &#212; (decimal), or \D4 in CSS content. The named entity &Ocirc; is the most readable for HTML content.
U+00D4 (LATIN CAPITAL LETTER O WITH CIRCUMFLEX). Latin-1 Supplement block. Hex D4, decimal 212. Used in French, Portuguese, Vietnamese, and other languages.
When writing French (e.g. Hôtel, Côte), Portuguese (e.g. Português), Vietnamese, and other languages that use this character, plus proper names and internationalized web content.
The named entity (&Ocirc;) is more readable and easier to remember. Numeric codes (&#212; or &#xD4;) work in all contexts and are useful when escaping is required. Both produce Ô.
Yes. &Ocirc; is part of the HTML5 Latin-1 entity set and is well supported in all modern browsers. Numeric codes remain a reliable alternative for older systems.

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 Center Dot Uppercase O Diaeresis Macron