HTML Entity for Uppercase O Caron (Ǒ)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+01D1

HTML Entity for uppercase O caron (U+01D1) tutorial illustration

Definition

What Is Uppercase O Caron?

Uppercase O caron (Ǒ) is the Unicode character at U+01D1 in Latin Extended-B. Official name: LATIN CAPITAL LETTER O WITH CARON — a capital O with a caron/háček (∨), common in Pinyin romanization for the third tone.

Remember

Character     Ǒ
Unicode       U+01D1
Named entity  &Ocaron;  (capital O)
Hex entity    &#x1D1;
Decimal       &#465;
CSS escape    \01D1
Not the same  ǒ · Ŏ · Ó

Prefer &Ocaron; in HTML markup — the capital O in the name matters. Numeric forms and typing Ǒ in UTF-8 also work. For the lowercase letter, use &ocaron; (ǒ).

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	`&Ocaron;`	HTML markup (preferred)
Direct character	`Ǒ`	HTML text (UTF-8)
Hex entity	`Ǒ`	HTML markup
Decimal entity	`Ǒ`	HTML markup
CSS escape	`\01D1`	Stylesheet `content`
Lowercase (related)	ǒ (U+01D2)	Named `&ocaron;`

When to Use Which

Situation	Use
Capital O with caron (Ǒ)	`&Ocaron;` or type `Ǒ`
Lowercase o with caron (ǒ)	ǒ (`&ocaron;`)
Capital O with breve (Ŏ)	Ŏ (`&Obreve;`)
Capital O with acute (Ó)	Ó (`Ó`)
Plain capital O	O (U+004F)
Generated text via `::before` / `::after`	`content: "\01D1"`

See it

Live Preview

Uppercase O caron rendered alone and next to related letters.

Large glyph Ǒ

Notation Pinyin: Ǒ

Compared Ǒ | ǒ | Ŏ

Hint Compare: Caron Ǒ | Lower ǒ | Breve Ŏ | Acute Ó

With entities Named: &Ocaron; | Hex: Ǒ | Decimal: Ǒ

Code

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 Pinyin label.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Uppercase O Caron (Ǒ)</title>
  <style>
    #point::after {
      content: "\01D1";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: &Ocaron;</p>
  <p>Using Hex Code: &#x1D1;</p>
  <p>Using HTML Code: &#465;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: Ǒ</p>
  <p lang="zh-Latn">Pinyin: &Ocaron;</p>
</body>
</html>

Try It Yourself

How It Works

1. Named: &Ocaron; (capital O) is the clearest HTML form for U+01D1. Lowercase &ocaron; is a different character (ǒ).

2. Hex: U+01D1 → Ǒ in HTML. Same glyph as the named entity.

3. Decimal: same code point as 465 → Ǒ. Same glyph as hex and named.

4. CSS: use \01D1 in content (not an HTML entity). #point::after appends that Ǒ after the paragraph text.

5. Typed / Pinyin: paste Ǒ in UTF-8, or label a tone with &Ocaron; and lang="zh-Latn".

Pitfalls & Tips

Common mistakes when working with U+01D1.

Case

&Ocaron; ≠ &ocaron;

&Ocaron; → Ǒ (capital). &ocaron; → ǒ (lowercase). Entity names are case-sensitive.

vs Ŏ

Not a breve

Ŏ (&Obreve;) has a breve (˘). Caron Ǒ and breve Ŏ look similar but are different marks.

vs Ó

Not an acute

Ó (Ó) is O with acute. Do not swap caron and acute in Pinyin or other text.

Encoding

Keep UTF-8 declared

Latin Extended-B 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

\01D1 belongs in CSS strings. &Ocaron; / Ǒ / Ǒ belong in HTML.

A11y

Use real language context

When Ǒ appears in Pinyin, keep surrounding text and lang accurate (for example zh-Latn) so screen readers get useful context.

Compatibility

Browser Support

Uppercase O caron (U+01D1) and its entity forms (&Ocaron;, Ǒ, Ǒ, CSS \\01D1) are supported in all mainstream browsers. Latin Extended-B glyphs depend on font coverage.

✓ Universal support

Uppercase O Caron (Ǒ)

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 IE 9+

Yes

U+01D1 / &Ocaron; Full support

Bottom line: Prefer &Ocaron; (capital O) in HTML. Use \\01D1 only inside CSS content. Do not confuse with &ocaron; (ǒ), breve Ŏ, or acute Ó.

Remember

Key Takeaways

Unicode: uppercase O caron is U+01D1 (decimal 465) — glyph Ǒ.
HTML: prefer &Ocaron; (capital O) — also Ǒ / Ǒ.
CSS: use \01D1 inside content for generated text.
Meaning: Ǒ is capital caron — not ǒ (&ocaron;), not Ŏ (breve), not Ó (acute).

One line: U+01D1 → &Ocaron; / Ǒ / Ǒ / CSS \01D1.

Frequently Asked Questions

How do I display Ǒ in HTML?

Use &Ocaron; (named), Ǒ (hex), Ǒ (decimal), type Ǒ directly in UTF-8, or the CSS escape \01D1 in content. Prefer &Ocaron; in normal HTML.

What is the Unicode value for uppercase O caron?

U+01D1 (LATIN CAPITAL LETTER O WITH CARON). Hex 1D1, decimal 465. It belongs to Latin Extended-B (U+0180–U+024F).

Is there a named HTML entity for U+01D1?

Yes. Use &Ocaron; (capital O). Numeric forms Ǒ and Ǒ also work. Note: &ocaron; (lowercase) is a different letter (ǒ).

Is Ǒ the same as ǒ or Ŏ?

No. Ǒ is U+01D1 (&Ocaron;, capital caron). ǒ is U+01D2 (&ocaron;). Ŏ is U+014E (&Obreve;, breve).

When should I use &Ocaron;?

Use it for Pinyin and other romanizations that need Ǒ — not as a substitute for breve Ŏ or acute Ó.

What is the difference between HTML code and CSS entity for U+01D1?

HTML entities (&Ocaron;, Ǒ, or Ǒ) go in markup. The CSS escape \01D1 goes in stylesheet strings (usually content on ::before/::after).

Did you know?

Uppercase O caron is Unicode U+01D1 (decimal 465) — glyph Ǒ in Latin Extended-B (U+0180–U+024F). HTML5 names it &Ocaron; (capital O). Official name: LATIN CAPITAL LETTER O WITH CARON. Lowercase is &ocaron; (ǒ, U+01D2). Common in Pinyin romanization (third tone). Do not confuse with breve Ŏ (&Obreve;) or acute Ó (Ó).

Next: Uppercase O Center Dot

Learn the HTML entity for the IPA bilabial click (U+0298).

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 | Uppercase O Breve HTML Entity | Uppercase O Center Dot