HTML Entity for Yen Character (円)
What You'll Learn
How to display the Yen character (円) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+5186 (CJK UNIFIED IDEOGRAPH-5186) in the CJK Unified Ideographs block—the native Japanese kanji form of the yen currency.
Render it with 円, 円, or CSS escape \5186. There is no named HTML entity. Do not confuse 円 with the yen sign (¥, U+00A5, ¥) or fullwidth yen (￥, U+FFE5). Use lang="ja" on Japanese price content when appropriate.
⚡ Quick Reference — Yen Character
U+5186CJK Unified Ideographs
円Hexadecimal reference
円Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+5186
Hex code 円
HTML code 円
Named entity (none)
CSS code \5186
Meaning Japanese kanji “yen” (currency unit)
Related U+00A5 = Yen sign (¥, ¥)
U+FFE5 = Fullwidth yen (￥)
Block CJK Unified Ideographs (U+4E00–U+9FFF)Complete HTML Example
A simple example showing the Yen character (円) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<style>
#price:after{
content: "\5186";
}
</style>
</head>
<body>
<p>Yen Character (hex): 円</p>
<p>Yen Character (decimal): 円</p>
<p id="price">Price: 1,000 </p>
</body>
</html>🌐 Browser Support
U+5186 is widely supported when the page uses UTF-8 and a font with CJK glyphs:
👀 Live Preview
See the Yen character (円) in a Japanese price context and beside related yen symbols:
🧠 How It Works
Hexadecimal Code
円 uses the Unicode hexadecimal value 5186 to display the Yen character. The x prefix indicates hexadecimal format.
Decimal HTML Code
円 uses the decimal Unicode value 20870 to display the same kanji character.
CSS Entity
\5186 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce the glyph: 円. Unicode U+5186 is the Japanese kanji for yen in the CJK Unified Ideographs block. For the currency symbol, see Yen Sign (¥, U+00A5).
Use Cases
The Yen character (円) is commonly used in:
Display prices in native kanji format (e.g. 1,000円).
Invoices, reports, and accounting documents in Japanese.
Product listings and checkout for Japanese market audiences.
Balances, transactions, and financial data in Japanese UI.
Japanese-language sections where kanji 円 is culturally preferred.
International pages with Japanese price labels alongside other currencies.
Use lang="ja" and clear price text; pair with aria-label when needed.
💡 Best Practices
Do
- Use
lang="ja"and UTF-8 (<meta charset="utf-8">) for Japanese content - Pair 円 with proper number formatting (e.g. 1,000円)
- Use 円 for native Japanese prices; use ¥ for symbol-focused or international UI
- Choose fonts that include CJK Unified Ideographs glyphs (e.g. Noto Sans JP)
- Pick one numeric style (hex or decimal) per project for consistency
Don’t
- Confuse 円 (kanji yen) with ¥ (yen sign) or ￥ (fullwidth yen)
- Put CSS escape
\5186in 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+5186—use numeric references instead
Key Takeaways
Three ways to render 円 in HTML and CSS
円 円For CSS stylesheets, use the escape in the content property
\5186Unicode U+5186 — Japanese kanji for yen (円)
Kanji form for Japanese prices; ¥ is the currency symbol alternative
Previous: XOR (⊻) Next: Yen Sign (¥)
❓ Frequently Asked Questions
円 (hex), 円 (decimal), or \5186 in CSS content. There is no named HTML entity. In UTF-8 you can also type 円 directly.U+5186 (CJK UNIFIED IDEOGRAPH-5186). CJK Unified Ideographs block. Hex 5186, decimal 20870. The Japanese kanji for the yen currency.円 or 円) go directly in markup. The CSS escape \5186 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.円 or 円 in HTML, or \5186 in CSS.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, CJK characters, and more.
About the author
8 people found this page helpful