HTML Entity for Negative Circled Sans-Serif Digit Three (➌)
Beginner
6 min read
Updated: Sep 2026
1 example
Unicode U+278C
Definition
What Is the Negative Circled Sans-Serif Digit Three Entity?
Negative Circled Sans-Serif Digit Three (➌) is the Unicode character at U+278C in the Dingbats block. It looks like a sans-serif digit 3 on a filled circle and is common for high-contrast step markers.
Remember
Character ➌
Unicode U+278C
Hex entity ➌
Decimal ➌
CSS escape \278C
Named entity (none)
All of these produce the same glyph: ➌. Prefer this character when you need a filled sans-serif 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
\278C
Stylesheet content
Named entity
—
Not defined in HTML5
When to use which
Situation
Use
Need the filled sans-serif circled glyph ➌
Type ➌, or ➌ / ➌
Generated text via ::before / ::after
content: "\278C"
Filled circled three (non-sans)
Use ❸ (U+2778)
Plain digit three (not circled)
Type 3 (U+0033)
Looking for &negcircledsans3; or similar
Does not exist — use numeric form
See it
Live Preview
Negative Circled Sans-Serif 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 Sans-Serif 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 Sans-Serif Digit Three (➌) in HTML</title>
<style>
#point::after {
content: "\278C";
}
</style>
</head>
<body>
<p>Neg. Circled Sans-Serif Three using Hex Code: ➌</p>
<p>Neg. Circled Sans-Serif Three using HTML Code: ➌</p>
<p id="point">Neg. Circled Sans-Serif Three using CSS Entity: </p>
<p>Typed directly: ➌</p>
</body>
</html>
Neg. Circled Sans-Serif Three using Hex Code: ➌
Neg. Circled Sans-Serif Three using HTML Code: ➌
Neg. Circled Sans-Serif Three using CSS Entity: ➌
Typed directly: ➌
How It Works
1. Hex:U+278C → ➌ in HTML. The browser turns it into ➌.
2. Decimal: same code point as 10124 → ➌. Same result as hex.
3. CSS: use \278C 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 Sans-Serif Digit Three entities.
Named?
No named entity
HTML5 does not define &negcircledsans3; or similar. Use numeric forms.
CSS vs HTML
Do not mix escapes
\278C belongs in CSS. ➌ / ➌ belong in HTML.
➌ vs ❸ vs 3
Different characters
➌ is U+278C; filled circled ❸ is U+2778; 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
Open circled form
➂ (open circled sans-serif) is a different Unicode character — not the same as ➌.
Compatibility
Browser Support
Negative Circled Sans-Serif Digit Three (U+278C) and its numeric entity forms (➌, ➌, CSS \\278C) are supported in all mainstream browsers. Glyph shape depends on the font.
✓ Universal support
Neg. Circled Sans-Serif 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+278C / entitiesFull support
Bottom line: Use ➌ or ➌ for the Unicode glyph, and \\278C only inside CSS content. Prefer typed 3 for ordinary numbers.
Remember
Key Takeaways
Unicode: Negative Circled Sans-Serif Digit Three is U+278C (decimal 10124).
HTML: use ➌ or ➌ when you need an entity.
CSS: use \278C inside content for generated text.
Default: use ➌ for filled sans-serif step badges; type 3 for ordinary numbers.
One line:U+278C → ➌ / ➌ / CSS \278C, or paste ➌.
Frequently Asked Questions
Use ➌ (hex), ➌ (decimal), or the CSS escape \278C in the content property. All render ➌. You can also paste ➌ directly when your file is UTF-8.
U+278C (hex 278C, decimal 10124). 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 sans-serif 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. Negative circled three is U+2778 (❸). Negative circled sans-serif three is U+278C (➌) — a different character.
HTML entities (➌ or ➌) go in markup. The CSS escape \278C is used in stylesheets (usually in the content property of ::before/::after). Both render ➌.
🤔
Did you know?
Negative circled sans-serif digit three is Unicode U+278C (decimal 10124). HTML5 has no named entity for it — use ➌ or ➌. It is a different character from plain digit three (U+0033) and from filled circled ❸ (U+2778).
