HTML Entity for Lowercase A Caron (ǎ)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+01CE
HTML Entity for Lowercase A Caron tutorial illustration

What You'll Learn

How to display the lowercase a with caron (ǎ) in HTML using named entity, hexadecimal, decimal, and CSS escape methods. The caron (háček) is a diacritical mark used in Pinyin (third tone), Slavic languages, and linguistics. This character is U+01CE in the Latin Extended-B block.

Render it with &acaron;, ǎ, ǎ, or CSS escape \1CE. The named entity &acaron; is often the most readable option in HTML source.

⚡ Quick Reference — Lowercase A Caron Entity

Unicode U+01CE

Latin Extended-B

Hex Code ǎ

Hexadecimal reference

HTML Code ǎ

Decimal reference

Named Entity &acaron;

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+01CE
Hex code       ǎ
HTML code      ǎ
Named entity   &acaron;
CSS code       \1CE
Meaning        Latin small letter a with caron
Related        U+01CD = &Acaron; (uppercase)
Block          Latin Extended-B (U+0180–U+024F)
1

Complete HTML Example

A simple example showing the lowercase a caron (ǎ) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\1CE";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x1CE;</p>
<p>Symbol (decimal): &#462;</p>
<p>Symbol (named): &acaron;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The lowercase a caron (ǎ) and the named entity &acaron; are supported in modern browsers:

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

👀 Live Preview

See the lowercase a caron (ǎ) in Pinyin and language contexts:

Large glyphǎ
Pinyin (3rd tone)mǎ, nǎ, hǎo
Tone exampleǎ = third tone in Mandarin Pinyin
Named entity&acaron; renders as ǎ
Numeric refs&#x1CE; &#462; &acaron; \1CE

🧠 How It Works

1

Hexadecimal Code

&#x1CE; uses the Unicode hexadecimal value 1CE to display the character. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#462; uses the decimal Unicode value 462 to display the same character. A common method for Latin Extended-B characters.

HTML markup
3

Named Entity

&acaron; is the standard named entity for ǎ—readable in source HTML and part of the HTML5 entity set.

HTML markup
4

CSS Entity

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

CSS stylesheet
=

Same visual result

All four methods produce the glyph: ǎ. Unicode U+01CE sits in Latin Extended-B. Uppercase equivalent: U+01CD (&Acaron;). Do not confuse with breve ă or acute á.

✅

Use Cases

The lowercase a caron (ǎ) is commonly used in:

中 Pinyin

Essential for the third tone in Mandarin Pinyin (e.g. mǎ for third-tone ma).

🌐 Internationalization

Chinese language learning sites, Slavic or Baltic language content.

🔤 Linguistics

Phonetic transcriptions and linguistic descriptions using the caron (háček).

📚 Language learning

Chinese learning apps, dictionaries, and textbooks teaching Pinyin tones.

📄 Publishing

Academic, educational, or editorial content in Pinyin or Slavic languages.

🎨 Typography

Headlines and styled text in Pinyin or Slavic contexts.

🔍 Search & SEO

Correct rendering so users can find Pinyin or Slavic content.

💡 Best Practices

Do

  • Use &acaron; in HTML when possible for readability
  • Serve pages as UTF-8; you can also type ǎ directly in UTF-8 source
  • Set lang="zh-Latn" or lang="zh" for Pinyin content
  • Use fonts that support Latin Extended-B (important for Pinyin tone marks)
  • Distinguish caron ǎ from breve ă, acute á, and plain a

Don’t

  • Use plain a when ǎ is required for correct Pinyin tone marking
  • Confuse caron (háček) with breve, acute, or circumflex diacritics
  • Put CSS escape \1CE in HTML text nodes
  • Assume all fonts render Latin Extended-B glyphs for Pinyin
  • Omit UTF-8 encoding on pages with accented characters

Key Takeaways

1

Four references render ǎ; named entity is most readable

&#x1CE; &#462; &acaron;
2

For CSS stylesheets, use the escape in the content property

\1CE
3

Unicode U+01CE — LATIN SMALL LETTER A WITH CARON

4

Essential for Pinyin third tone, Slavic languages, and linguistics

5

Previous: Lowercase A Breve (ă)   Next: Lowercase A Circumflex

❓ Frequently Asked Questions

Use &acaron; (named), &#x1CE; (hex), &#462; (decimal), or \1CE in CSS content. The named entity &acaron; is the most readable for HTML content.
U+01CE (LATIN SMALL LETTER A WITH CARON). Latin Extended-B block. Hex 1CE, decimal 462. Used in Pinyin, Slavic languages, and linguistics.
When writing Pinyin (Chinese romanization), Slavic or Baltic language content, phonetic transcriptions, or linguistic materials, plus internationalized web content and language learning resources.
HTML code (&#462; or &#x1CE;) or the named entity &acaron; is used in HTML content. The CSS entity (\1CE) is used in CSS, e.g. in the content property of pseudo-elements. Both produce ǎ but in different contexts.
Yes. The named HTML entity is &acaron;. It is part of the standard HTML5 entity set and is well supported. You can also use &#462; or &#x1CE; for numeric references.

Explore More HTML Entities!

Discover 1500+ HTML character references — accented 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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Lowercase A Breve (ă) Lowercase A Circumflex