HTML Entity for Colon Sign (₡)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+20A1

What Is the Colon Sign Entity?

Colon Sign (₡) is the Unicode character at U+20A1 in the Currency Symbols block (official name: COLON SIGN). It is the currency symbol for the Costa Rican and Salvadoran colón (ISO code CRC).

Remember
Character     ₡
Unicode       U+20A1
Hex entity    ₡
Decimal       ₡
Named entity  (none)
CSS escape    \20A1

All of these produce the same glyph: ₡. Prefer a typed ₡ or hex ₡ in hand-written HTML; use decimal when generating numeric-only markup.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character₡HTML text (UTF-8)
Hex entity₡HTML markup
Decimal entity₡HTML markup
CSS escape\20A1Stylesheet content
Named entitynoneUse hex or decimal instead

When to Use Which

SituationUse
Hand-written HTMLType ₡ or use ₡
Generated / numeric-only markup₡ or ₡
Generated text via ::before / ::aftercontent: "\20A1"
Need ASCII fallbackWrite CRC (ISO currency code)
Punctuation colon: U+003A (:) — not ₡

Live Preview

Colon sign rendered in common writing contexts.

Inline text Price: ₡1,250
Large glyph ₡
Compared ₡   :   $
Monospace CRC ₡ amount
With entities Hex: ₡ | Decimal: ₡

Complete HTML Example

One page that shows Colon Sign with the hex entity, decimal entity, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to produce ₡ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Colon Sign (₡) in HTML</title>
  <style>
    #point::after {
      content: "\20A1";
    }
  </style>
</head>
<body>
  <p>Colon Sign using Hex Code: &#x20A1;</p>
  <p>Colon Sign using HTML Code: &#8353;</p>
  <p id="point">Colon Sign using CSS Entity: </p>
  <p>Typed directly: ₡</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+20A1 → &#x20A1; in HTML. The browser turns it into ₡.

2. Decimal: same code point as 8353 → &#8353;. Same result as hex.

3. CSS: use \20A1 in content (not an HTML entity). #point::after appends that ₡ after the paragraph text.

4. Typed ₡: fine in UTF-8 pages. All four lines show the same glyph.

Pitfalls & Tips

Common mistakes when working with Colon Sign entities.

Named?

No named entity

HTML5 does not define a named reference for U+20A1. Use &#x20A1; or &#8353;. &colon; is ASCII :, not ₡.

CSS vs HTML

Do not mix escapes

\20A1 belongs in CSS. &#x20A1; / &#8353; belong in HTML.

₡ vs :

Currency ≠ punctuation

₡ is U+20A1. ASCII colon : is U+003A.

A11y

Say the currency

Pair ₡ with text or an accessible name (e.g. “CRC 1250”) so screen-reader users get the amount clearly.

Semicolon

End references

Always finish with ; — write &#8353;, not &#8353.

Fonts

Coverage varies

Some fonts lack ₡. If it falls back to a box, show CRC beside the amount.

Browser Support

Colon Sign (U+20A1) and its entity forms (&#x20A1;, &#8353;, CSS \\20A1) are supported in all mainstream browsers that handle Unicode. Glyph availability depends on fonts.

✓ Universal support

Colon Sign (₡)

Type ₡, or encode with hex, decimal, or CSS escape — same glyph everywhere encoding and fonts support it.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+20A1 / entities Full support

Bottom line: Prefer &#x20A1; or a typed ₡ for colón prices. Use decimal when generating markup, and \\20A1 only inside CSS content. Fall back to CRC when needed.

Key Takeaways

  • Unicode: colon sign is U+20A1 (decimal 8353).
  • HTML: use &#x20A1; or &#8353; (no named entity).
  • CSS: use \20A1 inside content for generated text.
  • Watch out: ₡ ≠ : (currency ≠ ASCII colon).

One line: U+20A1 → &#x20A1; / &#8353; / CSS \20A1.

Frequently Asked Questions

Use &#x20A1; (hex), &#8353; (decimal), or the CSS escape \20A1 in the content property. All render ₡. You can also paste ₡ directly when your file is UTF-8. There is no named HTML entity.
U+20A1 (hex 20A1, decimal 8353). Unicode names it COLON SIGN. It belongs to the Currency Symbols block and is used for the Costa Rican / Salvadoran colón (CRC).
No. HTML5 does not define a named entity for ₡. Use numeric references like &#x20A1; or &#8353;. Do not confuse it with &colon; (ASCII :).
Use it for prices and finance copy involving the Costa Rican or Salvadoran colón. Prefer ISO code CRC in plain text when glyph support is uncertain.
HTML entities (&#8353; or &#x20A1;) go in markup. The CSS escape \20A1 goes in stylesheet strings (usually content on ::before/::after).
₡ (U+20A1) is a currency symbol. : (U+003A / &colon;) is the ASCII colon punctuation used for time and labels. They are unrelated characters.

Did you know?

Colon sign is Unicode U+20A1 (decimal 8353) — official name COLON SIGN in the Currency Symbols block. It represents the Costa Rican and Salvadoran colón (CRC). HTML5 has no named entity. It is not the ASCII colon : (U+003A / &colon;).

Next: Combining Double Low Line

Learn the HTML entity for combining double low line (U+0333).

Combining Double Low Line tutorial →

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.

8 people found this page helpful