HTML Entity for Fraction 3 By 8 (⅜)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+215C

What You'll Learn

How to display the Fraction 3 By 8 symbol (⅜) in HTML using named, hexadecimal, decimal, and CSS escape methods. This character is U+215C (VULGAR FRACTION THREE EIGHTHS) in the Number Forms block (U+2150–U+218F)—a vulgar fraction representing 3⁄8 (three eighths).

Render it with the named entity ⅜, ⅜, ⅜, or CSS escape \215C. Do not confuse ⅜ with one eighth (⅛, U+215B, ⅛), five eighths (⅝, U+215D), or plain text 3/8.

⚡ Quick Reference — Fraction 3 By 8

Unicode U+215C

Number Forms

Hex Code ⅜

Hexadecimal reference

HTML Code ⅜

Decimal reference

Named Entity ⅜

Three eighths (most readable)

Reference Table
Name           Value
────────────   ──────────
Unicode        U+215C
Hex code       ⅜
HTML code      ⅜
Named entity   ⅜
CSS code       \215C
Meaning        Vulgar fraction three eighths (3/8)
Related        U+215B = One eighth (⅛); U+215D = Five eighths (⅝)
1

Complete HTML Example

This example demonstrates the Fraction 3 By 8 symbol (⅜) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\215C";
  }
 </style>
</head>
<body>
<p>Fraction 3 By 8 using Hexadecimal: &#x215C;</p>
<p>Fraction 3 By 8 using HTML Code: &#8540;</p>
<p>Fraction 3 By 8 using HTML Entity: &frac38;</p>
<p id="point">Fraction 3 By 8 using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Fraction 3 By 8 (⅜) is widely supported in modern browsers with a suitable font:

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 1+

👀 Live Preview

See the vulgar fraction three eighths (⅜) in recipes, math, and compared with related glyphs:

Recipe ⅜ cup flour   ⅜ tsp vanilla
Math 8 × ⅜ = 3   ⅜ = 37.5%
Large glyph
Vulgar fractions ⅛ eighth   ⅜ three-eighths   ⅝ five-eighths
Entity refs &frac38; &#x215C; &#8540; \215C

🧠 How It Works

1

Named Entity

&frac38; is the HTML named entity for three eighths—often preferred in readable recipe and math markup.

HTML markup
2

Hexadecimal Code

&#x215C; uses the Unicode hexadecimal value 215C. The x prefix indicates hexadecimal format.

HTML markup
3

Decimal HTML Code

&#8540; uses the decimal Unicode value 8540 to display the same character.

HTML markup
4

CSS Entity

\215C is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Same visual result

All four methods produce: . Unicode U+215C in Number Forms. For one eighth, see Fraction 1 By 8 (⅛).

Use Cases

The Fraction 3 By 8 symbol (⅜) is commonly used in:

🍳 Recipes

Cooking sites and measurements (e.g. ⅜ cup, ⅜ teaspoon).

∑ Math

Equations, fractions, and math content using three eighths.

📚 Education

Textbooks, tutorials, and lessons on fractions and ratios.

📊 Data

Statistics, scores, and displays showing three-eighths or proportional shares.

📄 Documents

Legal, academic, or technical documents with vulgar fractions.

🌐 Symbol guides

HTML entity lists, Unicode charts, and character references.

💡 Best Practices

Do

  • Use &frac38; 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. “three eighths”) for accessibility
  • Serve pages with UTF-8 (<meta charset="utf-8">)

Don’t

  • Confuse ⅜ (three eighths) with ⅛ (one eighth, U+215B)
  • Confuse ⅜ (3⁄8) with ⅝ (five eighths, U+215D)
  • Put CSS escape \215C in HTML text nodes
  • Mix entity styles randomly in one file
  • Use 3/8 when typographic ⅜ is required for consistency

Key Takeaways

1

Three HTML references plus CSS all render ⅜

&#x215C; &#8540; &frac38;
2

For CSS stylesheets, use the escape in the content property

\215C
3

Unicode U+215C — vulgar fraction three eighths

4

&frac38; is the standard named entity

5

Next: Fraction 4 By 5 (continues the sequence)

❓ Frequently Asked Questions

Use &frac38; (named), &#x215C; (hex), &#8540; (decimal), or \215C in CSS content. All produce ⅜.
U+215C (VULGAR FRACTION THREE EIGHTHS). Number Forms block (U+2150–U+218F). Hex 215C, decimal 8540. Represents the vulgar fraction three eighths (⅜).
In mathematical notation and fractions, recipes and measurements, educational content, data display, and any content that requires the three-eighths (⅜) symbol in typographic form.
Yes. &frac38; is the named HTML entity for U+215C (⅜). You can also use &#8540; (decimal) or &#x215C; (hexadecimal). All render the same symbol.
HTML entities (&#8540;, &#x215C;, or &frac38;) go directly in markup. The CSS escape \215C 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.

All HTML Entities →

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