HTML Entity for Yuan Character Hong Kong Taiwan (圓)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+5713
HTML entity for Yuan Character Hong Kong Taiwan (U+5713, 圓) — hex, decimal, and CSS tutorial

What You'll Learn

How to display the Yuan character (圓) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+5713 (CJK UNIFIED IDEOGRAPH-5713) in the CJK Unified Ideographs block—the Traditional Chinese character for yuan used in Hong Kong and Taiwan.

Render it with 圓, 圓, or CSS escape \5713. There is no named HTML entity. Do not confuse 圓 with 元 (U+5143, Simplified), 圆 (U+5706, variant), or the yen sign (¥, U+00A5). Use lang="zh-Hant" on Traditional Chinese price content when appropriate.

⚡ Quick Reference — Yuan Character Hong Kong Taiwan

Unicode U+5713

CJK Unified Ideographs

Hex Code 圓

Hexadecimal reference

HTML Code 圓

Decimal reference

Named Entity —

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+5713
Hex code       圓
HTML code      圓
Named entity   (none)
CSS code       \5713
Meaning        Traditional Chinese “yuán” (圓, currency unit)
Related        U+5143 = 元 (Simplified yuan, mainland China)
               U+5706 = 圆 (variant form)
               U+00A5 = Yen sign (¥, ¥)
               U+FFE5 = Fullwidth yen (￥)
Block          CJK Unified Ideographs (U+4E00–U+9FFF)
1

Complete HTML Example

A simple example showing the Yuan character (圓) using hexadecimal code, decimal HTML code, and a CSS content escape:

html
<!DOCTYPE html>
<html lang="zh-Hant">
<head>
 <meta charset="utf-8">
 <style>
  #price:after{
   content: "\5713";
  }
 </style>
</head>
<body>
<p>Yuan HK/TW (hex): &#x5713;</p>
<p>Yuan HK/TW (decimal): &#22291;</p>
<p id="price">Price: 100 </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

U+5713 is widely supported when the page uses UTF-8 and a font with CJK glyphs:

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

👀 Live Preview

See 圓 in a Hong Kong/Taiwan price context and beside related yuan forms:

Price100 圓
Large glyph圓
Yuan variants圓 Traditional   元 Simplified   ¥ sign
Numeric refs&#x5713; &#22291; \5713

🧠 How It Works

1

Hexadecimal Code

&#x5713; uses the Unicode hexadecimal value 5713 to display the Yuan character. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#22291; uses the decimal Unicode value 22291 to display the same character.

HTML markup
3

CSS Entity

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

CSS stylesheet
=

Same visual result

All three methods produce the glyph: 圓. Unicode U+5713 is the Traditional Chinese yuan character. For Simplified Chinese, see Yuan Character China (元, U+5143).

✅

Use Cases

The Yuan character (圓) is commonly used in:

🇨🇳 HK & Taiwan sites

Display prices for Hong Kong and Taiwan audiences (e.g. 100圓).

📄 Financial content

Invoices, reports, and banking in Traditional Chinese.

🛒 E-commerce

Product listings and checkout for HK and Taiwan markets.

🏦 Payment UIs

Balances, transactions, and currency labels in zh-Hant.

📚 Education

Traditional Chinese language and currency terminology.

🌐 Localization

Multi-language sites with lang="zh-Hant" support.

📋 Documentation

Contracts, receipts, and official documents using 圓 for currency.

💡 Best Practices

Do

  • Use lang="zh-Hant" and UTF-8 (<meta charset="utf-8">) for Traditional Chinese
  • Choose fonts that include CJK glyphs (e.g. Noto Sans TC, Microsoft JhengHei)
  • Use 圓 for Hong Kong and Taiwan; use 元 for Simplified Chinese (mainland)
  • Pick one numeric style (hex or decimal) per project for consistency
  • Provide regional context when HKD and TWD both appear on the same page

Don’t

  • Confuse 圓 (Traditional 圓) with 元 (Simplified 元) or ¥ (yen sign)
  • Put CSS escape \5713 in HTML text nodes
  • Assume every font renders Traditional Chinese clearly without testing
  • Mix entity styles randomly in one file
  • Expect a named HTML entity for U+5713—use numeric references instead

Key Takeaways

1

Three ways to render 圓 in HTML and CSS

&#x5713; &#22291;
2

For CSS stylesheets, use the escape in the content property

\5713
3

Unicode U+5713 — Traditional Chinese yuan (圓)

4

Hong Kong and Taiwan character; 元 is the Simplified form for mainland China

5

Previous: Yuan China (元)   Next: Z Notation Bag Membership (⋿)

❓ Frequently Asked Questions

Use &#x5713; (hex), &#22291; (decimal), or \5713 in CSS content. There is no named HTML entity. In UTF-8 you can also type 圓 directly.
U+5713 (CJK UNIFIED IDEOGRAPH-5713). CJK Unified Ideographs block. Hex 5713, decimal 22291. The Traditional Chinese character for yuan used in Hong Kong and Taiwan.
For Hong Kong and Taiwan websites, Traditional Chinese financial content, regional e-commerce, banking and payment interfaces, educational zh-Hant content, and any page displaying the native yuan/dollar character.
HTML numeric references (&#22291; or &#x5713;) go directly in markup. The CSS escape \5713 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.
Named HTML entities are reserved for commonly used ASCII, Latin-1, and widely recognized symbols. CJK characters like 圓 use numeric codes. Use &#22291; or &#x5713; in HTML, or \5713 in CSS.

Explore More HTML Entities!

Discover 1500+ HTML character references — CJK characters, currency 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

Yuan Character China (元) Z Notation Bag Membership (⋿)