HTML Entity for Negative Circled Digit Five (❺)

Beginner
6 min read
Updated: Sep 2026
1 example
Unicode U+277A

What Is the Negative Circled Digit Five Entity?

Negative Circled Digit Five (❺) is the Unicode character at U+277A in the Dingbats block. It looks like a digit 5 on a filled circle and is common for high-contrast step markers.

Remember
Character     ❺
Unicode       U+277A
Hex entity    ❺
Decimal       ❺
CSS escape    \277A
Named entity  (none)

All of these produce the same glyph: ❺. Prefer this character when you need a filled circled look; type plain 5 when you only need a normal digit.

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\277AStylesheet content
Named entity—Not defined in HTML5

When to use which

SituationUse
Need the filled circled glyph ❺Type ❺, or ❺ / ❺
Generated text via ::before / ::aftercontent: "\277A"
Open circled sans-serif fiveUse ➄ (U+2784)
Plain digit five (not circled)Type 5 (U+0035)
Looking for &negcircled5; or similarDoes not exist — use numeric form

Live Preview

Negative Circled Digit Five rendered in common UI contexts.

Inline text ❺ Download receipt
Large glyph ❺
Step list ❸ Review   ❹ Confirm   ❺ Done
Monospace step ❺ → receipt
With entities Hex: ❺ | Decimal: ❺

Complete HTML Example

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

Hex + Decimal + CSS + Typed

All four ways to produce ❺ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Negative Circled Digit Five (❺) in HTML</title>
  <style>
    #point::after {
      content: "\277A";
    }
  </style>
</head>
<body>
  <p>Negative Circled Five using Hex Code: &#x277A;</p>
  <p>Negative Circled Five using HTML Code: &#10106;</p>
  <p id="point">Negative Circled Five using CSS Entity: </p>
  <p>Typed directly: ❺</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+277A → &#x277A; in HTML. The browser turns it into ❺.

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

3. CSS: use \277A 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 dingbat digit.

Pitfalls & Tips

Common mistakes when working with Negative Circled Digit Five entities.

Named?

No named entity

HTML5 does not define &negcircled5; or similar. Use numeric forms.

CSS vs HTML

Do not mix escapes

\277A belongs in CSS. &#x277A; / &#10106; belong in HTML.

❺ vs ➄ vs 5

Different characters

❺ is U+277A; open circled ➄ is U+2784; digit 5 is U+0035.

Fonts

Check the glyph

Dingbat support varies by font. If ❺ is missing, use a fallback font or CSS badge instead.

Semicolon

End references

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

Related

Sans-serif filled form

➎ (negative circled sans-serif) is a different Unicode character — not the same as ❺.

Browser Support

Negative Circled Digit Five (U+277A) and its numeric entity forms (&#x277A;, &#10106;, CSS \\277A) are supported in all mainstream browsers. Glyph shape depends on the font.

✓ Universal support

Negative Circled 5 (❺)

Encode with hex, decimal, or CSS escape — or paste ❺ in UTF-8 HTML.

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+277A / entities Full support

Bottom line: Use &#x277A; or &#10106; for the Unicode glyph, and \\277A only inside CSS content. Prefer typed 5 for ordinary numbers.

Key Takeaways

  • Unicode: Negative Circled Digit Five is U+277A (decimal 10106).
  • HTML: use &#x277A; or &#10106; when you need an entity.
  • CSS: use \277A inside content for generated text.
  • Default: use ❺ for filled step badges; type 5 for ordinary numbers.

One line: U+277A → &#x277A; / &#10106; / CSS \277A, or paste ❺.

Frequently Asked Questions

Use &#x277A; (hex), &#10106; (decimal), or the CSS escape \277A in the content property. All render ❺. You can also paste ❺ directly when your file is UTF-8.
U+277A (hex 277A, decimal 10106). It belongs to the Dingbats Unicode block.
No. HTML5 does not define a named entity for ❺. Use numeric references like &#x277A; or &#10106;.
Use it for filled step markers, rankings, and high-contrast numbered badges. For plain counts or data, prefer typing digit 5 (U+0035).
No. Digit five is U+0035. Open circled sans-serif five is U+2784 (➄). Negative circled five is U+277A (❺) — a different character.
HTML entities (&#10106; or &#x277A;) go in markup. The CSS escape \277A is used in stylesheets (usually in the content property of ::before/::after). Both render ❺.

Did you know?

Negative circled digit five is Unicode U+277A (decimal 10106). HTML5 has no named entity for it — use &#x277A; or &#10106;. It is a different character from plain digit five (U+0035) and from open circled ➄ (U+2784).

Next: 5 Negative Circled Sans-Serif

Learn the HTML entity for negative circled sans-serif digit five (➎) — a different dingbat from ❺.

5 Neg. Circled Sans-Serif 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