HTML Entity for Lowercase O Caron (ǒ)

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

What You'll Learn

How to display the lowercase o with caron (ǒ) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+01D2 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 \01D2. There is no named HTML entity for this character. In UTF-8 documents you can also type ǒ directly.

⚡ Quick Reference — Lowercase O Caron Entity

Unicode U+01D2

Latin Extended-B

Hex Code ǒ

Hexadecimal reference

HTML Code ǒ

Decimal reference

Named Entity

No named entity

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

Complete HTML Example

A simple example showing the lowercase 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: "\01D2";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x01D2;</p>
<p>Symbol (decimal): &#466;</p>
<p>Symbol (direct): ǒ</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

The lowercase 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 lowercase o caron (ǒ) in language and notation contexts:

Large glyphǒ
Pinyinwǒ (third tone)  |  lǒng  |  bǒ
Unicode nameLatin small letter o with caron
UppercaseǑ (U+01D1) — LATIN CAPITAL LETTER O WITH CARON
Not the same asŏ (o breve)  |  ó (o acute)  |  o (plain)
Numeric refs&#x01D2; &#466; \01D2

🧠 How It Works

1

Hexadecimal Code

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

HTML markup
2

Decimal HTML Code

&#466; uses the decimal Unicode value 466 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

\01D2 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+01D2 sits in Latin Extended-B. Uppercase equivalent: U+01D1 (Ǒ). Do not confuse with ŏ (o with breve) or ó (o with acute).

Use Cases

The lowercase o caron (ǒ) is commonly used in:

🇨🇳 Pinyin (Chinese)

Essential for Mandarin third-tone syllables such as wǒ (我) and lǒng (龙). Correct encoding supports Chinese language learning sites.

🇪🇼 Czech & Slovak

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

📚 Dictionaries

Show headwords, pronunciation guides, or Pinyin transliterations that include ǒ.

🌐 Language Learning

Display correct tone marks in 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+01D2) ensures assistive technologies interpret the o with caron correctly.

🎨 CSS Generated Content

Using \01D2 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 (&#x01D2; or &#466;) when escaping is required
  • Use \01D2 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 Pinyin tone marks
  • Put CSS escape \01D2 in HTML text nodes
  • Double-encode numeric references in dynamically generated HTML

Key Takeaways

1

Type ǒ directly, or use hex/decimal references

&#x01D2; &#466;
2

For CSS stylesheets, use the escape in the content property

\01D2
3

Unicode U+01D2 — LATIN SMALL LETTER O WITH CARON

4

Pinyin third tone and Slavic orthographies; uppercase is Ǒ (U+01D1)

❓ Frequently Asked Questions

Use &#x01D2; (hex), &#466; (decimal), or \01D2 in CSS content. There is no named HTML entity for ǒ. In UTF-8 you can also type ǒ directly.
U+01D2 (LATIN SMALL LETTER O WITH CARON). Latin Extended-B block. Hex 01D2, decimal 466. Used in Pinyin and Slavic orthographies. Uppercase form is U+01D1 (Ǒ).
When displaying Pinyin romanization (Mandarin third tone), Czech, Slovak, or other Slavic language text, dictionaries, language learning sites, or any content that requires the o with caron character.
No. There is no named HTML entity for ǒ. Use numeric codes &#466; or &#x01D2;, or the CSS entity \01D2. In UTF-8 pages you can type ǒ directly.
HTML code (&#466; or &#x01D2;) is used in HTML content; CSS entity \01D2 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