HTML Entity for Colon Sign (₡)
What You'll Learn
How to display the Colon Sign (₡) in HTML and CSS. This character is U+20A1 (COLON SIGN) in the Currency Symbols block (U+20A0–U+20CF). It is the official currency symbol for the Costa Rican colón (CRC), not the punctuation colon or math operators.
There is no named HTML entity for U+20A1. Use ₡ or ₡ in markup, or \20A1 in stylesheet content. Do not confuse ₡ with the punctuation colon U+003A (:), Colon Equals U+2254 (≔), or the cent sign U+00A2 (¢).
⚡ Quick Reference — Colon Sign
U+20A1Currency Symbols (U+20A0–U+20CF)
₡Hexadecimal reference
₡Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+20A1
Hex code ₡
HTML code ₡
Named entity —
CSS code \20A1
ISO 4217 CRCComplete HTML Example
This example shows U+20A1 using hexadecimal and decimal character references, plus a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\20A1";
}
</style>
</head>
<body>
<p>Colon Sign using Hexa Decimal: ₡</p>
<p>Colon Sign using HTML Code: ₡</p>
<p id="point">Colon Sign using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+20A1 is supported in modern browsers; glyph appearance may vary by font:
👀 Live Preview
See the Colon Sign in pricing and financial contexts:
🧠 How It Works
Hexadecimal Code
₡ references code point U+20A1 using hex digits 20A1.
Decimal HTML Code
₡ is the decimal equivalent (8353) for the same character.
CSS Entity
\20A1 is the CSS escape for U+20A1, used in the content property of ::before or ::after.
Same visual result
All three methods produce the Colon Sign glyph: ₡. Unicode U+20A1 sits in Currency Symbols (U+20A0–U+20CF). No named HTML entity exists.
Use Cases
The Colon Sign (₡) commonly appears in:
Prices in Costa Rican colóns on stores and marketplaces serving Costa Rica.
Invoices, reports, and accounting content for Costa Rica.
Prices, exchange rates, and budgets on travel websites.
Balances, transactions, and rates in banking and finance apps.
Converters and multi-currency displays including CRC.
Currency symbol glossaries and HTML entity reference pages.
Provide context (e.g. “Costa Rican colón”) so screen readers convey currency meaning.
💡 Best Practices
Do
- Use
₡or₡consistently in HTML - Pair with CRC or “Costa Rican colón” in multi-currency content
- Format numbers with appropriate locale for Costa Rica
- Choose fonts that support Currency Symbols (Segoe UI, Noto Sans)
- Use
\20A1only inside CSScontent, not in HTML text nodes
Don’t
- Confuse U+20A1 (₡) with punctuation colon (:) or Colon Equals (≔)
- Use U+020A1 notation—the correct code point is U+20A1
- Assume a named entity exists—U+20A1 has none
- Display amounts without clarifying currency in international contexts
- Mix hex and decimal styles randomly in one file
Key Takeaways
No named entity—use numeric references
₡ ₡For CSS stylesheets, use the escape in the content property
\20A1U+20A1 COLON SIGN (Costa Rican colón)
ISO 4217 code: CRC
Three methods, one glyph — widely supported in modern browsers
❓ Frequently Asked Questions
₡ (hex), ₡ (decimal), or \20A1 in CSS content. There is no named HTML entity for U+20A1.U+20A1 (COLON SIGN). Currency Symbols (U+20A0–U+20CF). Hex 20A1, decimal 8353. Symbol for the Costa Rican colón (CRC).₡ or ₡) go directly in HTML markup. The CSS escape \20A1 is used in stylesheets, typically in the content property of pseudo-elements.Explore More HTML Entities!
Discover 1500+ HTML character references — math operators, symbols, arrows, and more.
About the author
8 people found this page helpful