HTML Entity for Yen Yuan Character Variant One (圆)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+5706
HTML entity for Yen Yuan Character Variant One (U+5706, 圆) — hex, decimal, and CSS tutorial

What You'll Learn

How to display Yen Yuan character variant one (圆) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+5706 (CJK UNIFIED IDEOGRAPH-5706) in the CJK Unified Ideographs block—a Simplified Chinese form used in yuan (currency) and related CJK contexts.

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

⚡ Quick Reference — Yen Yuan Variant One

Unicode U+5706

CJK Unified Ideographs

Hex Code 圆

Hexadecimal reference

HTML Code 圆

Decimal reference

Named Entity —

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+5706
Hex code       圆
HTML code      圆
Named entity   (none)
CSS code       \5706
Meaning        Simplified Chinese “yuán” (圆, circle/yuan)
Related        U+5143 = 元 (yuan character)
               U+5713 = 圓 (Traditional circle/yuan)
               U+5186 = 円 (Japanese yen kanji)
               U+00A5 = Yen sign (¥, ¥)
Block          CJK Unified Ideographs (U+4E00–U+9FFF)
1

Complete HTML Example

A simple example showing Yen Yuan variant one (圆) using hexadecimal code, decimal HTML code, and a CSS content escape:

html
<!DOCTYPE html>
<html lang="zh-Hans">
<head>
 <meta charset="utf-8">
 <style>
  #price:after{
   content: "\5706";
  }
 </style>
</head>
<body>
<p>Variant One (hex): &#x5706;</p>
<p>Variant One (decimal): &#22278;</p>
<p id="price">Price: 100 </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

U+5706 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 Simplified Chinese context and beside related yuan/yen forms:

Price100 圆
Large glyph圆
Yuan variants圆 variant   元 元   圓 圓   ¥ sign
Numeric refs&#x5706; &#22278; \5706

🧠 How It Works

1

Hexadecimal Code

&#x5706; uses the Unicode hexadecimal value 5706 to display the character. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

CSS Entity

\5706 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+5706 is in the CJK Unified Ideographs block. For the currency symbol, see Yen Sign (¥, U+00A5).

✅

Use Cases

Yen Yuan character variant one (圆) is commonly used in:

📜 CJK typography

Simplified Chinese text and typesetting for yuan-related content.

💰 Financial content

Prices, invoices, and CNY notation in Simplified Chinese contexts.

🇨🇳 East Asian finance

Banking and economic content for mainland China audiences.

📚 Character references

Unicode and CJK dictionary or glyph reference sites.

🎓 Linguistic sites

Academic content discussing CJK character variants.

🌐 Localization

Simplified Chinese apps and localized currency displays.

♿ i18n

Applications needing correct CJK currency variant rendering.

💡 Best Practices

Do

  • Use lang="zh-Hans" and UTF-8 (<meta charset="utf-8">) for Simplified Chinese
  • Choose fonts with CJK Unified Ideographs glyphs (e.g. Noto Sans SC)
  • Use 圆 for Simplified Chinese; consider 圓 (圓) for Traditional Chinese
  • Pick one numeric style (hex or decimal) per project for consistency
  • Provide context in multi-currency content so readers know which currency is meant

Don’t

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

Key Takeaways

1

Three ways to render 圆 in HTML and CSS

&#x5706; &#22278;
2

For CSS stylesheets, use the escape in the content property

\5706
3

Unicode U+5706 — Simplified Chinese 圆 (yuán)

4

CJK variant for yuan notation; ¥ is the compact currency symbol

5

Previous: Yen Sign (¥)   Next: Variant Two (圎)

❓ Frequently Asked Questions

Use &#x5706; (hex), &#22278; (decimal), or \5706 in CSS content. There is no named HTML entity. In UTF-8 you can also type 圆 directly.
U+5706 (CJK UNIFIED IDEOGRAPH-5706). CJK Unified Ideographs block. Hex 5706, decimal 22278. Simplified Chinese form used in yuan-related contexts.
For CJK typography, Simplified Chinese financial content, East Asian currency notation, dictionary or character reference sites, and localized applications that need this specific yuan/yen variant.
HTML numeric references (&#22278; or &#x5706;) go directly in markup. The CSS escape \5706 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 &#22278; or &#x5706; in HTML, or \5706 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

Yen Sign (¥) Yen Yuan Variant Two (圎)