HTML Entity for Uppercase O Circumflex (Ô)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+00D4

What Is Uppercase O Circumflex?

Uppercase O circumflex (Ô) is the Unicode character at U+00D4 in Latin-1 Supplement. Official name: LATIN CAPITAL LETTER O WITH CIRCUMFLEX — a capital O with a circumflex accent (^), common in French, Portuguese, and Vietnamese.

Remember
Character     Ô
Unicode       U+00D4
Named entity  Ô  (capital O)
Hex entity    Ô
Decimal       Ô
CSS escape    \00D4
Not the same  ô · Ó · Ò

Prefer Ô in HTML markup — the capital O in the name matters. Numeric forms and typing Ô in UTF-8 also work. For the lowercase letter, use ô (ô).

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entityÔHTML markup (preferred)
Direct characterÔHTML text (UTF-8)
Hex entityÔHTML markup
Decimal entityÔHTML markup
CSS escape\00D4Stylesheet content
Lowercase (related)ô (U+00F4)Named ô

When to Use Which

SituationUse
Capital O with circumflex (Ô)Ô or type Ô
Lowercase o with circumflex (ô)ô (ô)
Capital O with acute (Ó)Ó (Ó)
Capital O with grave (Ò)Ò (Ò)
Plain capital OO (U+004F)
Generated text via ::before / ::aftercontent: "\00D4"

Live Preview

Uppercase O circumflex rendered alone and next to related letters.

Large glyph Ô
Notation HÔTEL
Compared Ô  |  ô  |  Ó
Hint Compare: Circumflex Ô | Lower ô | Acute Ó | Grave Ò
With entities Named: Ô | Hex: Ô | Decimal: Ô

Complete HTML Example

One page that shows the letter with named, hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Named + Hex + Decimal + CSS + Typed

Five ways to produce Ô, plus a short French word example.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Uppercase O Circumflex (Ô)</title>
  <style>
    #point::after {
      content: "\00D4";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: &Ocirc;</p>
  <p>Using Hex Code: &#xD4;</p>
  <p>Using HTML Code: &#212;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: Ô</p>
  <p lang="fr">Word: H&Ocirc;TEL</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &Ocirc; (capital O) is the clearest HTML form for U+00D4. Lowercase &ocirc; is a different character (ô).

2. Hex: U+00D4 → &#xD4; in HTML. Same glyph as the named entity.

3. Decimal: same code point as 212 → &#212;. Same glyph as hex and named.

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

5. Typed / word: paste Ô in UTF-8, or build French words like H&Ocirc;TEL with lang="fr".

Pitfalls & Tips

Common mistakes when working with U+00D4.

Case

&Ocirc; ≠ &ocirc;

&Ocirc; → Ô (capital). &ocirc; → ô (lowercase). Entity names are case-sensitive.

vs Ó

Not an acute

Ó (&Oacute;) is O with acute. Circumflex Ô and acute Ó are different letters.

vs Ò

Not a grave

Ò (&Ograve;) is O with grave. Do not swap circumflex and grave.

Encoding

Keep UTF-8 declared

Latin-1 letters display reliably with <meta charset="UTF-8">. Prefer named entities when the source file encoding is uncertain.

CSS vs HTML

Do not mix escapes

\00D4 belongs in CSS strings. &Ocirc; / &#xD4; / &#212; belong in HTML.

A11y

Use real language context

When Ô appears in French or Portuguese words, keep surrounding text and lang accurate (for example fr) so screen readers get useful context.

Browser Support

Uppercase O circumflex (U+00D4) and its entity forms (&Ocirc;, &#xD4;, &#212;, CSS \\00D4) are supported in all mainstream browsers. Latin-1 glyphs are widely available in system fonts.

✓ Universal support

Uppercase O Circumflex (&#x00D4;)

Encode with named, hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.

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+00D4 / &Ocirc; Full support

Bottom line: Prefer &Ocirc; (capital O) in HTML. Use \\00D4 only inside CSS content. Do not confuse with &ocirc; (ô), acute Ó, or grave Ò.

Key Takeaways

  • Unicode: uppercase O circumflex is U+00D4 (decimal 212) — glyph Ô.
  • HTML: prefer &Ocirc; (capital O) — also &#xD4; / &#212;.
  • CSS: use \00D4 inside content for generated text.
  • Meaning: Ô is capital circumflex — not ô (&ocirc;), not Ó (acute), not Ò (grave).

One line: U+00D4 → &Ocirc; / &#xD4; / &#212; / CSS \00D4.

Frequently Asked Questions

Use &Ocirc; (named), &#xD4; (hex), &#212; (decimal), type Ô directly in UTF-8, or the CSS escape \00D4 in content. Prefer &Ocirc; in normal HTML.
U+00D4 (LATIN CAPITAL LETTER O WITH CIRCUMFLEX). Hex D4, decimal 212. It belongs to Latin-1 Supplement (U+0080–U+00FF).
Yes. Use &Ocirc; (capital O). Numeric forms &#212; and &#xD4; also work. Note: &ocirc; (lowercase) is a different letter (ô).
No. Ô is U+00D4 (&Ocirc;, capital circumflex). ô is U+00F4 (&ocirc;). Ó is U+00D3 (&Oacute;, acute).
Use it for French, Portuguese, Vietnamese, and other orthographies that need Ô — not as a substitute for plain O, Ó, or Ò.
HTML entities (&Ocirc;, &#212;, or &#xD4;) go in markup. The CSS escape \00D4 goes in stylesheet strings (usually content on ::before/::after).

Did you know?

Uppercase O circumflex is Unicode U+00D4 (decimal 212) — glyph Ô in Latin-1 Supplement (U+0080–U+00FF). HTML5 names it &Ocirc; (capital O). Official name: LATIN CAPITAL LETTER O WITH CIRCUMFLEX. Lowercase is &ocirc; (ô, U+00F4). Common in French, Portuguese, and Vietnamese. Do not confuse with acute Ó (&Oacute;) or grave Ò (&Ograve;).

Next: Uppercase O Diaeresis Macron

Learn the HTML entity for uppercase O with diaeresis and macron (U+022A).

Continue tutorial →

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.

8 people found this page helpful