HTML Entity for Uppercase O Caron (Ǒ)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+01D1

What You'll Learn

How to display the uppercase O with caron (Ǒ) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+01D1 in the Latin Extended-B block. The caron (ˇ) is a diacritical mark used in Pinyin to denote the third tone of Mandarin Chinese and in Czech, Slovak, and other Slavic orthographies.

Render it with Ǒ, Ǒ, or CSS escape \01D1. There is no named HTML entity for this character. In UTF-8 documents you can also type Ǒ directly.

⚡ Quick Reference — Uppercase O Caron Entity

Unicode U+01D1

Latin Extended-B

Hex Code Ǒ

Hexadecimal reference

HTML Code Ǒ

Decimal reference

Named Entity

No named entity

Reference Table
Name           Value
────────────   ──────────
Unicode        U+01D1
Hex code       Ǒ
HTML code      Ǒ
Named entity   (none)
CSS code       \01D1
Meaning        Latin capital letter O with caron
Related        U+01D2 = ǒ (lowercase)
               U+004F = O (plain uppercase)
Block          Latin Extended-B (U+0180–U+024F)
1

Complete HTML Example

A simple example showing the uppercase O caron (Ǒ) using hexadecimal code, decimal HTML code, the character directly, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\01D1";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x01D1;</p>
<p>Symbol (decimal): &#465;</p>
<p>Symbol (direct): Ǒ</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

The uppercase O caron (Ǒ) is supported in all modern browsers as part of Latin Extended-B:

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

👀 Live Preview

See the uppercase O caron (Ǒ) in language and notation contexts:

Large glyphǑ
Case pairǑ (uppercase) / ǒ (lowercase)
Unicode nameLATIN CAPITAL LETTER O WITH CARON
Not the same asŎ (O breve)  |  Ó (O acute)  |  O (plain)
Numeric refs&#x01D1; &#465; \01D1

🧠 How It Works

1

Hexadecimal Code

&#x01D1; uses the Unicode hexadecimal value 01D1 to display the character. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

Direct Character

Type Ǒ directly in HTML when your document uses UTF-8 encoding. There is no named entity for this extended Latin letter.

HTML markup
4

CSS Entity

\01D1 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Same visual result

All methods produce the glyph: Ǒ. Unicode U+01D1 sits in Latin Extended-B. Lowercase equivalent: U+01D2 (ǒ). Do not confuse with Ŏ (O breve) or Ó (O acute).

Use Cases

The uppercase O caron (Ǒ) is commonly used in:

🇨🇳 Pinyin (Chinese)

Capitalized Pinyin syllables with third-tone marks, such as at the start of a sentence or in proper nouns that require Ǒ.

🇪🇼 Czech & Slovak

Part of the caron diacritic family used across Slavic orthographies. Use the correct capital letter when displaying extended Latin text.

📚 Dictionaries

Show capitalized headwords, pronunciation guides, or Pinyin transliterations that include Ǒ.

🌐 Language Learning

Display correct tone marks in capitalized Chinese (Pinyin) lessons and caron-based spelling in Slavic language courses.

📝 Linguistics

Use in academic papers, textbooks, or documentation on Pinyin, Slavic phonology, and diacritical marks.

♿ Accessibility

Using the correct character (U+01D1) ensures assistive technologies interpret the O with caron correctly.

🎨 CSS Generated Content

Using \01D1 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 numeric references (&#x01D1; or &#465;) when escaping is required
  • Use \01D1 in CSS content when generating the symbol via pseudo-elements
  • Use fonts that support Latin Extended-B characters (U+0180–U+024F)
  • Distinguish Ǒ (caron) from Ŏ (breve) and Ó (acute)

Don’t

  • Expect a named HTML entity—none exists for Ǒ
  • Confuse Ǒ (caron) with Ŏ (breve), Ó (acute), or plain O
  • Substitute plain O when Ǒ is required in capitalized Pinyin tone marks
  • Put CSS escape \01D1 in HTML text nodes
  • Use \001D1 in CSS—the correct escape is \01D1

Key Takeaways

1

Type Ǒ directly, or use hex/decimal references

&#x01D1; &#465;
2

For CSS stylesheets, use the escape in the content property

\01D1
3

Unicode U+01D1 — LATIN CAPITAL LETTER O WITH CARON

4

Pinyin and Slavic orthographies; lowercase is ǒ (U+01D2)

❓ Frequently Asked Questions

Use &#x01D1; (hex), &#465; (decimal), or \01D1 in CSS content. There is no named HTML entity for Ǒ. In UTF-8 you can also type Ǒ directly.
U+01D1 (LATIN CAPITAL LETTER O WITH CARON). Latin Extended-B block. Hex 01D1, decimal 465. Used in Pinyin and Slavic orthographies. Lowercase form is U+01D2 (ǒ).
When displaying capitalized Pinyin romanization, Czech, Slovak, or other Slavic language text, dictionaries, language learning sites, or any content that requires the capital O with caron character.
No. There is no named HTML entity for Ǒ. Use numeric codes &#465; or &#x01D1;, or the CSS entity \01D1. In UTF-8 pages you can type Ǒ directly.
HTML code (&#465; or &#x01D1;) is used in HTML content; CSS entity \01D1 is used in stylesheets in the content property of pseudo-elements. Both produce Ǒ.

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.

8 people found this page helpful