HTML Entity for Proportional To (∝)
What You'll Learn
How to display the proportional to symbol (∝) in HTML using various entity methods. This operator expresses direct proportionality—for example y ∝ x means y is directly proportional to x.
This character is part of the Mathematical Operators Unicode block and can be rendered with a hexadecimal reference, a decimal reference, the named entity ∝, or a CSS escape in the content property. Do not confuse ∝ with U+2237 (∷, proportion for ratio statements).
⚡ Quick Reference — Proportional To
U+221DMathematical Operators block
∝Hexadecimal reference
∝Decimal reference
∝Most readable option
Name Value
──────────── ──────────
Unicode U+221D
Hex code ∝
HTML code ∝
Named entity ∝
CSS code \221D
Meaning Proportional to
Related U+2237 = Proportion (∷)
U+221E = Infinity (∞)
Block Mathematical Operators (U+2200–U+22FF)Complete HTML Example
A simple example showing ∝ using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\221D";
}
</style>
</head>
<body>
<p>Relation (hex): y ∝ x</p>
<p>Relation (decimal): y ∝ x</p>
<p>Relation (named): y ∝ x</p>
<p>Relation (CSS): y <span id="point"></span> x</p>
</body>
</html>🌐 Browser Support
The proportional to entity is universally supported in all modern browsers:
👀 Live Preview
See ∝ rendered live in different contexts:
🧠 How It Works
Hexadecimal Code
∝ uses the Unicode hexadecimal value 221D to display the symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
∝ uses the decimal Unicode value 8733 to display the same character.
CSS Entity
\221D is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Named Entity
∝ is the semantic named entity — the easiest to read in source HTML for this relation operator.
Same visual result
All four methods produce: ∝. Unicode U+221D in the Mathematical Operators block (U+2200–U+22FF).
Use Cases
The proportional to symbol (∝) commonly appears in:
Direct proportionality: y ∝ x, area ∝ r².
Hooke’s law, inverse-square laws, and scaling relationships.
Correlation and linear relationship notation in reports.
Scientific and engineering formulas in published research.
Character tables and Mathematical Operators guides.
School and university math and science course materials.
Pair ∝ with “is proportional to” on first use.
💡 Best Practices
Do
- Use
∝for readable proportionality markup - Distinguish ∝ from ∷ (proportion for ratios)
- Pick one style (hex / decimal / named) per project
- Use MathML or LaTeX for complex multi-line formulas when appropriate
- Test rendering across browsers and math fonts
Don’t
- Substitute ∷ (∷) when ∝ (∝) is the intended relation
- Use the tilde
~as a stand-in for ∝ - Use CSS escape
\221Dinside HTML text nodes - Use HTML entities in JS (use
\u221Dinstead) - Mix entity styles randomly in one file
Key Takeaways
Three HTML references all render ∝
∝ ∝ ∝For CSS stylesheets, use the escape in the content property
\221DUnicode U+221D belongs to the Mathematical Operators block (U+2200–U+22FF)
Prefer ∝ for readability—standard named entity for proportional to
Previous: Proportional (∷) Next: Qp Digraph (ȹ)
❓ Frequently Asked Questions
∝ (hex), ∝ (decimal), ∝ (named), or \221D in CSS content. All produce ∝.U+221D (PROPORTIONAL TO). Mathematical Operators block. Hex 221D, decimal 8733.∝) means proportional to (e.g. y ∝ x). ∷ (U+2237, ∷) is the proportion operator for ratio statements like a:b ∷ c:d.∝, ∝, and ∝ are equivalent in modern browsers and all render ∝.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
About the author
8 people found this page helpful