Negative Circled Digit Three (❸) is the Unicode character at U+2778 in the Dingbats block. It looks like a digit 3 on a filled circle and is common for high-contrast step markers.
Remember
Character ❸
Unicode U+2778
Hex entity ❸
Decimal ❸
CSS escape \2778
Named entity (none)
All of these produce the same glyph: ❸. Prefer this character when you need a filled circled look; type plain 3 when you only need a normal digit.
Reference
Quick Reference
One table for every form you will actually use.
Form
Code
Where it goes
Direct character
❸
HTML text (UTF-8)
Hex entity
❸
HTML markup
Decimal entity
❸
HTML markup
CSS escape
\2778
Stylesheet content
Named entity
—
Not defined in HTML5
When to use which
Situation
Use
Need the filled circled glyph ❸
Type ❸, or ❸ / ❸
Generated text via ::before / ::after
content: "\2778"
Open circled sans-serif three
Use ➂ (U+2782)
Plain digit three (not circled)
Type 3 (U+0033)
Looking for &negcircled3; or similar
Does not exist — use numeric form
See it
Live Preview
Negative Circled Digit Three rendered in common UI contexts.
Inline text❸ Review your order
Large glyph❸
Step list❶ Start ❷ Continue ❸ Finish
Monospacestep ❸ → review
With entitiesHex: ❸ | Decimal: ❸
Code
Complete HTML Example
One page that shows Negative Circled Digit Three 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 Three (❸) in HTML</title>
<style>
#point::after {
content: "\2778";
}
</style>
</head>
<body>
<p>Negative Circled Three using Hex Code: ❸</p>
<p>Negative Circled Three using HTML Code: ❸</p>
<p id="point">Negative Circled Three using CSS Entity: </p>
<p>Typed directly: ❸</p>
</body>
</html>
Negative Circled Three using Hex Code: ❸
Negative Circled Three using HTML Code: ❸
Negative Circled Three using CSS Entity: ❸
Typed directly: ❸
How It Works
1. Hex:U+2778 → ❸ in HTML. The browser turns it into ❸.
2. Decimal: same code point as 10104 → ❸. Same result as hex.
3. CSS: use \2778 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 Three entities.
Named?
No named entity
HTML5 does not define &negcircled3; or similar. Use numeric forms.
CSS vs HTML
Do not mix escapes
\2778 belongs in CSS. ❸ / ❸ belong in HTML.
❸ vs ➂ vs 3
Different characters
❸ is U+2778; open circled ➂ is U+2782; digit 3 is U+0033.
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 ❸, not ❸.
Related
Sans-serif filled form
➌ (negative circled sans-serif) is a different Unicode character — not the same as ❸.
Compatibility
Browser Support
Negative Circled Digit Three (U+2778) and its numeric entity forms (❸, ❸, CSS \\2778) are supported in all mainstream browsers. Glyph shape depends on the font.
✓ Universal support
Negative Circled 3 (❸)
Encode with hex, decimal, or CSS escape — or paste ❸ in UTF-8 HTML.
100%Browser coverage
Google ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerAll versions
Yes
U+2778 / entitiesFull support
Bottom line: Use ❸ or ❸ for the Unicode glyph, and \\2778 only inside CSS content. Prefer typed 3 for ordinary numbers.
Remember
Key Takeaways
Unicode: Negative Circled Digit Three is U+2778 (decimal 10104).
HTML: use ❸ or ❸ when you need an entity.
CSS: use \2778 inside content for generated text.
Default: use ❸ for filled step badges; type 3 for ordinary numbers.
One line:U+2778 → ❸ / ❸ / CSS \2778, or paste ❸.
Frequently Asked Questions
Use ❸ (hex), ❸ (decimal), or the CSS escape \2778 in the content property. All render ❸. You can also paste ❸ directly when your file is UTF-8.
U+2778 (hex 2778, decimal 10104). It belongs to the Dingbats Unicode block.
No. HTML5 does not define a named entity for ❸. Use numeric references like ❸ or ❸.
Use it for filled step markers, rankings, and high-contrast numbered badges. For plain counts or data, prefer typing digit 3 (U+0033).
No. Digit three is U+0033. Open circled sans-serif three is U+2782 (➂). Negative circled three is U+2778 (❸) — a different character.
HTML entities (❸ or ❸) go in markup. The CSS escape \2778 is used in stylesheets (usually in the content property of ::before/::after). Both render ❸.
🤔
Did you know?
Negative circled digit three is Unicode U+2778 (decimal 10104). HTML5 has no named entity for it — use ❸ or ❸. It is a different character from plain digit three (U+0033) and from open circled ➂ (U+2782).
