How to Type ô (O with circumflex) on HTML

Published August 30, 2026, 2 min read

Need ô on HTML for a name, an address or a word in another language? You do not have to copy it from a website every time. The fastest method is ô, and there are a few backups below for when that one is not available.

ô on HTML: ô

Ô on HTML: Ô

Or copy it:

Method 1: Codes for web pages

Format	Code for ô
Named entity	`ô`
Decimal entity	`ô`
Hex entity	`ô`
CSS content	`content: "\00F4";`
JavaScript	`"\u00F4"`
URL encoded	`%C3%B4`
UTF-8 bytes	`C3 B4`

Method 2: Type it directly with UTF-8

If your page starts with <meta charset="utf-8"> and the file is saved as UTF-8, you can paste ô straight into the HTML. Entities are only needed when your editor or database cannot store the character.

Method 3: Watch for normalization

ô can also be written as o plus a combining mark. Both look the same but compare as different strings. In JavaScript, call str.normalize("NFC") before comparing or searching.

How to type the capital Ô

The uppercase form works the same way with Shift added where a letter is typed.

Codes for web pages

Format	Code for Ô
Named entity	`Ô`
Decimal entity	`Ô`
Hex entity	`Ô`
CSS content	`content: "\00D4";`
JavaScript	`"\u00D4"`
URL encoded	`%C3%94`
UTF-8 bytes	`C3 94`

Type it directly with UTF-8

If your page starts with <meta charset="utf-8"> and the file is saved as UTF-8, you can paste Ô straight into the HTML. Entities are only needed when your editor or database cannot store the character.

About the letter ô

ô is Unicode U+00F4, named LATIN SMALL LETTER O WITH CIRCUMFLEX. It is used in French, Portuguese, Slovak, Welsh, Vietnamese and Afrikaans. A small caret (^) above a vowel. In French it often marks a vanished s (forêt from forest), in Portuguese a closed vowel, in Welsh a long vowel, and in Vietnamese a distinct vowel (â, ê, ô). See the ô character page for every code and shortcut.

Troubleshooting

If you see Ã and other symbols, the file is UTF-8 but the browser reads it as Windows-1252. Add the meta charset tag.
Named entities are case sensitive: É and é are different letters.
In XML and XHTML only five named entities exist, so use numeric codes there.

Frequently asked questions

What is the shortcut for ô on HTML?

ô.

Can I just copy and paste ô?

Yes. Click the copy button above, then paste with Ctrl+V on Windows and Chromebook, Cmd+V on a Mac, or touch and hold and choose Paste on a phone.

What is the Unicode code for ô?

U+00F4. In HTML it is ô.

Related guides

All accent shortcuts for HTML