HTML Entity for Colon Equals (≔)

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

What Is the Colon Equals Entity?

Colon Equals (≔) is the Unicode character at U+2254 in the Mathematical Operators block (official name: COLON EQUALS). It is a single glyph for a colon-then-equals relation, often used for definition or assignment in math notation.

Remember
Character     ≔
Unicode       U+2254
Hex entity    ≔
Decimal       ≔
Named entity  ≔ / ≔ / ≔
CSS escape    \2254

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

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character≔HTML text (UTF-8)
Named entity≔, ≔, or ≔HTML markup
Hex entity≔HTML markup
Decimal entity≔HTML markup
CSS escape\2254Stylesheet content

When to Use Which

SituationUse
Hand-written HTML≔ or type ≔
Generated / numeric-only markup≔ or ≔
Generated text via ::before / ::aftercontent: "\2254"
Programming tutorials (ASCII)Type := as two characters — not U+2254
Equals-then-colon≕ U+2255 (≕)

Live Preview

Colon equals rendered in common writing contexts.

Inline math x ≔ 5
Large glyph ≔
Compared ≔   ≕   :=
Monospace def ≔ value
With entities Named: ≔ | Hex: ≔ | Decimal: ≔

Complete HTML Example

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

Named + Hex + Decimal + CSS + Typed

Five ways to produce ≔ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Colon Equals (≔) in HTML</title>
  <style>
    #point::after {
      content: "\2254";
    }
  </style>
</head>
<body>
  <p>Colon Equals using Named Entity: &colone;</p>
  <p>Colon Equals using Hex Code: &#x2254;</p>
  <p>Colon Equals using HTML Code: &#8788;</p>
  <p id="point">Colon Equals using CSS Entity: </p>
  <p>Typed directly: ≔</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &colone; (aliases &coloneq;, &Assign;) is the HTML5 named reference for U+2254 → ≔.

2. Hex: U+2254 → &#x2254; in HTML. Same glyph as the named form.

3. Decimal: same code point as 8788 → &#8788;. Same result as hex.

4. CSS: use \2254 in content (not an HTML entity). #point::after appends that ≔ after the paragraph text.

5. Typed ≔: fine in UTF-8 pages. All five lines show the same glyph.

Pitfalls & Tips

Common mistakes when working with Colon Equals entities.

Named

Use &colone;

&colone;, &coloneq;, and &Assign; all work. Always end with ;.

CSS vs HTML

Do not mix escapes

\2254 belongs in CSS. &colone; / &#x2254; / &#8788; belong in HTML.

≔ vs ≕

Order matters

≔ is colon-then-equals (U+2254). ≕ is equals-then-colon (U+2255).

ASCII

:= is two characters

Typing : then = is not the same code point as ≔. Use U+2254 only when you need the single math symbol.

A11y

Name the operator

Pair ≔ with prose or an accessible name (e.g. “is defined as”) so screen readers get the meaning.

Semicolon

End references

Always finish with ; — write &colone; and &#8788;, not bare forms.

Browser Support

Colon Equals (U+2254) and its entity forms (&colone;, &coloneq;, &Assign;, &#x2254;, &#8788;, CSS \\2254) are supported in all mainstream browsers.

✓ Universal support

Colon Equals (≔)

Type ≔, or encode with named, hex, decimal, or CSS escape — same glyph everywhere encoding is supported.

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

Bottom line: Prefer &colone; or a typed ≔ for the colon-equals math symbol. Use decimal when generating markup, and \\2254 only inside CSS content.

Key Takeaways

  • Unicode: colon equals is U+2254 (decimal 8788).
  • HTML: prefer &colone; (also &coloneq;, &Assign;, &#x2254;, &#8788;).
  • CSS: use \2254 inside content for generated text.
  • Watch out: ≔ ≠ ≕ ≠ := (single glyph ≠ reverse ≠ two ASCII chars).

One line: U+2254 → &colone; / &#x2254; / &#8788; / CSS \2254.

Frequently Asked Questions

Use &#x2254; (hex), &#8788; (decimal), &colone; / &coloneq; / &Assign; (named), or the CSS escape \2254 in the content property. All render ≔. You can also paste ≔ directly when your file is UTF-8.
U+2254 (hex 2254, decimal 8788). Unicode names it COLON EQUALS. It belongs to the Mathematical Operators block.
Yes. &colone;, &coloneq;, and &Assign; are HTML5 named references for ≔. Numeric forms &#8788; and &#x2254; also work.
Use it in math or logic pages for an assignment / definition-style relation. In programming tutorials, typing := as two characters is often clearer than the single Unicode glyph.
HTML entities (&colone;, &#8788;, or &#x2254;) go in markup. The CSS escape \2254 goes in stylesheet strings (usually content on ::before/::after).
≔ (U+2254) is colon-then-equals as one character. ≕ (U+2255 / &ecolon;) is equals-then-colon. := is two ASCII characters (: and =), not U+2254.

Did you know?

Colon equals is Unicode U+2254 (decimal 8788) — official name COLON EQUALS in the Mathematical Operators block. HTML named references are &colone;, &coloneq;, and &Assign;. It is not equals colon ≕ (U+2255 / &ecolon;) and not the two ASCII characters :=.

Next: Colon Sign

Learn the HTML entity for colon sign (U+20A1).

Colon Sign 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