HTML Entity for Fraction 2 By 3 (⅔)

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

What Is Fraction 2 By 3?

Fraction 2 by 3 (⅔) is the Unicode character at U+2154 in Number Forms. Official name: VULGAR FRACTION TWO THIRDS. It is one precomposed fraction glyph — not the three characters 2/3.

Remember
Character     ⅔
Unicode       U+2154
Named entity  ⅔
Hex entity    ⅔
Decimal       ⅔
CSS escape    \2154
Meaning       vulgar fraction two thirds (2/3)
Not the same  2/3 (three chars) · ⅓ (1/3) · ⅖ (2/5)

Prefer ⅔ in HTML for readable markup. You can also use ⅔, ⅔, or type ⅔ in a UTF-8 document.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity⅔HTML markup (preferred)
Hex entity⅔HTML markup
Decimal entity⅔HTML markup
Direct character⅔HTML text (UTF-8)
CSS escape\2154Stylesheet content

When to Use Which

SituationUse
Precomposed two thirds⅔ or type ⅔
Plain ASCII / maximum compatibilityType 2/3 as three characters
One thirdFraction 1 by 3 — ⅓ (⅓)
Two fifthsFraction 2 by 5 — ⅖ (⅖)
Generated text via ::before / ::aftercontent: "\2154"

Live Preview

Fraction alone, in a sample label, and next to related fractions.

Glyph ⅔
Large glyph ⅔
Sample Filled: ⅔ of the cup
Compared ⅔   2/3   ⅓   ⅖
With entities Named: ⅔ | Hex: ⅔ | Decimal: ⅔

Complete HTML Example

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

Named + Hex + Decimal + CSS + Typed

Five ways to display ⅔ in HTML and CSS.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Fraction 2 By 3 (U+2154) in HTML</title>
  <style>
    #point::after {
      content: "\2154";
    }
  </style>
</head>
<body>
  <p>Built with Named: &frac23;</p>
  <p>Built with Hex: &#x2154;</p>
  <p>Built with Decimal: &#8532;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ⅔</p>
  <p>Filled: <span aria-label="two thirds">&frac23;</span> of the cup</p>
  <p>Math: 3 &times; &frac23; = 2</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &frac23; is the HTML5 name for U+2154 → ⅔.

2. Hex: &#x2154; inserts the same code point by hexadecimal value.

3. Decimal: same code point as 8532 → &#8532;. Same visual as named/hex.

4. CSS: use \2154 in content (not an HTML entity). #point::after appends ⅔.

5. Typed: paste ⅔ in a UTF-8 document when you need the two-thirds glyph as one character.

Pitfalls & Tips

Common mistakes when working with fraction 2 by 3.

Name

Prefer &frac23;

The named entity is clear and standard. Avoid inventing names like &twothirds;.

2/3

Not three characters

Typing 2/3 creates three code points. ⅔ is one Number Forms character.

⅓

Not one third

One third is ⅓ (U+2153, &frac13;). Use it when you mean 1/3, not 2/3.

Font

Font coverage

Some fonts omit Number Forms fractions. If ⅔ is missing, fall back to 2/3 or a font with Number Forms coverage.

CSS vs HTML

Do not mix escapes

\2154 belongs in CSS strings. &frac23; / &#x2154; / &#8532; belong in HTML.

a11y

Add accessible text

Screen readers may not announce ⅔ clearly. Prefer aria-label="two thirds" or nearby prose when the fraction carries meaning.

Semicolon

End references

Always finish entities with ; — write &frac23;, not &frac23.

Browser Support

Fraction 2 by 3 (U+2154) and its entity forms (&frac23;, &#x2154;, &#8532;, CSS \\2154) are supported in all mainstream browsers. Visible glyphs depend on Number Forms font coverage.

✓ Universal support

Fraction 2 By 3 (&#x2154;)

Encode with named, hex, decimal, CSS escape, or type the character — same code point 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+2154 Full support

Bottom line: Prefer &frac23; in HTML. Use &#x2154; / &#8532; when numeric form is required, and \\2154 only inside CSS content.

Key Takeaways

  • Unicode: fraction 2 by 3 is U+2154 (decimal 8532) — glyph ⅔.
  • HTML: prefer &frac23; — also &#x2154; / &#8532; / type ⅔.
  • CSS: use \2154 inside content for generated text.
  • Meaning: ⅔ ≠ 2/3 (three chars) ≠ ⅓.

One line: U+2154 → &frac23; / &#x2154; / &#8532; / CSS \2154.

Frequently Asked Questions

Use &frac23; (named), &#x2154; (hex), &#8532; (decimal), type ⅔ directly in UTF-8, or the CSS escape \2154 in content.
U+2154 (VULGAR FRACTION TWO THIRDS). Hex 2154, decimal 8532. It belongs to the Number Forms block (U+2150–U+218F).
Yes. HTML5 defines &frac23; for U+2154. Prefer it for readable markup.
Use it in math, education, recipes, and everyday text when you want the single two-thirds glyph. Prefer typing 2/3 as three characters when plain ASCII is required.
HTML entities (&frac23;, &#8532;, or &#x2154;) go in markup. The CSS escape \2154 goes in stylesheet strings (usually content on ::before/::after).
No. U+2154 is one character (⅔). Typing 2/3 creates three characters. One third is U+2153 (⅓).

Did you know?

Fraction 2 by 3 is Unicode U+2154 (decimal 8532) — glyph ⅔ (VULGAR FRACTION TWO THIRDS) in Number Forms. HTML5 named entity: &frac23;. Prefer the named form when you want readable markup. It is one precomposed character, not 2/3 as three characters. Related fractions include one third (⅓) and two fifths (⅖).

Next: Fraction 2 By 5

Learn the HTML entity for fraction 2 by 5 (U+2156).

Fraction 2 by 5 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