HTML Entity for Yen Yuan Character Variant Three (圜)

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

What You'll Learn

How to display Yen Yuan character variant three (圜) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+571C (CJK UNIFIED IDEOGRAPH-571C) in the CJK Unified Ideographs block—a variant form used in certain East Asian typographic and historical yuan-related contexts.

Render it with 圜, 圜, or CSS escape \571C. There is no named HTML entity. Do not confuse 圜 with 圆 (U+5706), 圓 (U+5713), 元 (U+5143), or the yen sign (¥, U+00A5). Use appropriate lang attributes for CJK content.

⚡ Quick Reference — Yen Yuan Variant Three

Unicode U+571C

CJK Unified Ideographs

Hex Code 圜

Hexadecimal reference

HTML Code 圜

Decimal reference

Named Entity —

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+571C
Hex code       圜
HTML code      圜
Named entity   (none)
CSS code       \571C
Meaning        CJK “huán” (圜, round/encircle)
Related        U+5706 = 圆 (variant one)
               U+5713 = 圓 (Traditional circle/yuan)
               U+5143 = 元 (yuan character)
               U+00A5 = Yen sign (¥, ¥)
Block          CJK Unified Ideographs (U+4E00–U+9FFF)
1

Complete HTML Example

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

html
<!DOCTYPE html>
<html lang="zh">
<head>
 <meta charset="utf-8">
 <style>
  #glyph:after{
   content: "\571C";
  }
 </style>
</head>
<body>
<p>Variant Three (hex): &#x571C;</p>
<p>Variant Three (decimal): &#22300;</p>
<p id="glyph">Variant Three (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

U+571C 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 圜 beside related yuan/yen character forms:

Glyph圜
Large glyph圜
Yuan variants圜 variant   圆 圆   圓 圓   ¥ sign
Numeric refs&#x571C; &#22300; \571C

🧠 How It Works

1

Hexadecimal Code

&#x571C; uses the Unicode hexadecimal value 571C to display the character. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

CSS Entity

\571C 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+571C is in the CJK Unified Ideographs block. See also Variant Two (圎) and Yen Sign (¥).

✅

Use Cases

Yen Yuan character variant three (圜) is commonly used in:

📜 CJK typography

Traditional or historical Chinese/Japanese text and typesetting.

💰 Variant currency notation

Financial or numismatic content referencing alternative yuan forms.

🇨🇳 East Asian finance

Banking and economic content for East Asian audiences.

📚 Character references

Unicode and CJK dictionary or glyph reference sites.

🎓 Scholarly sites

Academic content discussing CJK character variants.

🗃 Historical digitization

Rendering historical or digitized texts that use this variant.

♿ i18n

Localized applications needing correct CJK variant rendering.

💡 Best Practices

Do

  • Use UTF-8 (<meta charset="utf-8">) and appropriate lang for CJK content
  • Choose fonts with CJK Unified Ideographs glyphs (e.g. Noto Sans CJK)
  • Use 圜 only when this specific variant is required; prefer 元 or ¥ for general yuan/yen UI
  • Pick one numeric style (hex or decimal) per project for consistency
  • Test rendering across browsers with CJK font stacks

Don’t

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

Key Takeaways

1

Three ways to render 圜 in HTML and CSS

&#x571C; &#22300;
2

For CSS stylesheets, use the escape in the content property

\571C
3

Unicode U+571C — CJK variant 圜 (huán)

4

Specialized CJK form; ¥ is the compact currency symbol for everyday UI

5

Previous: Variant Two (圎)   Next: Yin Yang (☯)

❓ Frequently Asked Questions

Use &#x571C; (hex), &#22300; (decimal), or \571C in CSS content. There is no named HTML entity. In UTF-8 you can also type 圜 directly.
U+571C (CJK UNIFIED IDEOGRAPH-571C). CJK Unified Ideographs block. Hex 571C, decimal 22300. Used in certain East Asian typographic and historical yuan contexts.
For CJK typography, historical or variant currency notation, East Asian financial content, dictionary or character reference sites, and scholarly content that requires this specific yuan/yen variant.
HTML numeric references (&#22300; or &#x571C;) go directly in markup. The CSS escape \571C 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 &#22300; or &#x571C; in HTML, or \571C 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 Yuan Variant Two (圎) Yin Yang (☯)