HTML Entity for Fraction 2 By 3 (⅔)
What You'll Learn
How to display the Fraction 2 By 3 symbol (⅔) in HTML using named, hexadecimal, decimal, and CSS escape methods. This character is U+2154 (VULGAR FRACTION TWO THIRDS) in the Number Forms block (U+2150–U+218F)—a vulgar fraction representing 2⁄3 (two thirds).
Render it with the named entity ⅔, ⅔, ⅔, or CSS escape \2154. Do not confuse ⅔ with one third (⅓, U+2153, ⅓), one half (½, U+00BD, ½), or plain text 2/3.
⚡ Quick Reference — Fraction 2 By 3
U+2154Number Forms
⅔Hexadecimal reference
⅔Decimal reference
⅔Two thirds (most readable)
Name Value
──────────── ──────────
Unicode U+2154
Hex code ⅔
HTML code ⅔
Named entity ⅔
CSS code \2154
Meaning Vulgar fraction two thirds (2/3)
Related U+2153 = One third (⅓); U+00BD = One half (½)Complete HTML Example
This example demonstrates the Fraction 2 By 3 symbol (⅔) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2154";
}
</style>
</head>
<body>
<p>Fraction 2 By 3 using Hexadecimal: ⅔</p>
<p>Fraction 2 By 3 using HTML Code: ⅔</p>
<p>Fraction 2 By 3 using HTML Entity: ⅔</p>
<p id="point">Fraction 2 By 3 using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Fraction 2 By 3 (⅔) is widely supported in modern browsers with a suitable font:
👀 Live Preview
See the vulgar fraction two thirds (⅔) in recipes, math, and compared with related glyphs:
🧠 How It Works
Named Entity
⅔ is the HTML named entity for two thirds—often preferred in readable recipe and math markup.
Hexadecimal Code
⅔ uses the Unicode hexadecimal value 2154. The x prefix indicates hexadecimal format.
Decimal HTML Code
⅔ uses the decimal Unicode value 8532 to display the same character.
CSS Entity
\2154 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All four methods produce: ⅔. Unicode U+2154 in Number Forms. For one third, see Fraction 1 By 3 (⅓).
Use Cases
The Fraction 2 By 3 symbol (⅔) is commonly used in:
Cooking sites and measurements (e.g. ⅔ cup, ⅔ teaspoon).
Equations, fractions, and math content using two thirds.
Textbooks, tutorials, and lessons on fractions and ratios.
Statistics, scores, and displays showing two-thirds or proportional shares.
Legal, academic, or technical documents with vulgar fractions.
HTML entity lists, Unicode charts, and character references.
💡 Best Practices
Do
- Use
⅔for readable HTML in recipes and math - Pair with units (e.g. ⅔ cup) for clear measurements
- Use math-friendly fonts (Cambria Math, STIX Two Math) for clear fractions
- Add
aria-label(e.g. “two thirds”) for accessibility - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ⅔ (two thirds) with ⅓ (one third, U+2153)
- Confuse ⅔ (2⁄3) with ½ (one half, U+00BD)
- Put CSS escape
\2154in HTML text nodes - Mix entity styles randomly in one file
- Use
2/3when typographic ⅔ is required for consistency
Key Takeaways
Three HTML references plus CSS all render ⅔
⅔ ⅔ ⅔For CSS stylesheets, use the escape in the content property
\2154Unicode U+2154 — vulgar fraction two thirds
⅔ is the standard named entity
Next: Fraction 2 By 5 (continues the sequence)
❓ Frequently Asked Questions
⅔ (named), ⅔ (hex), ⅔ (decimal), or \2154 in CSS content. All produce ⅔.U+2154 (VULGAR FRACTION TWO THIRDS). Number Forms block (U+2150–U+218F). Hex 2154, decimal 8532. Represents the vulgar fraction two thirds (⅔).⅔ is the named HTML entity for U+2154 (⅔). You can also use ⅔ (decimal) or ⅔ (hexadecimal). All render the same symbol.⅔, ⅔, or ⅔) go directly in markup. The CSS escape \2154 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — fractions, symbols, and more.
About the author
8 people found this page helpful