HTML Entity for Succeeds Or Equal To (≽)
What You'll Learn
How to display the Succeeds Or Equal To symbol (≽) in HTML using hexadecimal, decimal, named entity, and CSS escape methods. This character is U+227D (SUCCEEDS OR EQUAL TO) in the Mathematical Operators block (U+2200–U+22FF)—used for order relations in mathematics and order theory.
Render it with ≽, ≽, the named entity ≽, or CSS escape \227D. For example, a ≽ b means a succeeds or equals b in the partial order. Do not confuse ≽ with ≻ (succeeds, ≻) or ≥ (greater-than or equal).
⚡ Quick Reference — Succeeds Or Equal To
U+227DMathematical Operators
≽Hexadecimal reference
≽Decimal reference
≽Most readable option
Name Value
──────────── ──────────
Unicode U+227D
Hex code ≽
HTML code ≽
Named entity ≽
CSS code \227D
Block Mathematical Operators (U+2200–U+22FF)
Related U+227B = Succeeds (≻)Complete HTML Example
This example demonstrates the Succeeds Or Equal To symbol (≽) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\227D";
}
</style>
</head>
<body>
<p>Using Hexadecimal: ≽</p>
<p>Using HTML Code: ≽</p>
<p>Using Named Entity: ≽</p>
<p id="point">Using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Succeeds Or Equal To entity is universally supported in all modern browsers:
👀 Live Preview
See the Succeeds Or Equal To symbol (≽) rendered in different contexts:
🧠 How It Works
Hexadecimal Code
≽ uses the Unicode hexadecimal value 227D to display the symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
≽ uses the decimal Unicode value 8829 to display the same character. This is one of the most commonly used methods.
Named Entity
≽ is the semantic named entity — the easiest to read in source HTML and the most self-descriptive option.
CSS Entity
\227D is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All four methods produce the glyph: ≽. Unicode U+227D in the Mathematical Operators block (U+2200–U+22FF).
Use Cases
The Succeeds Or Equal To symbol (≽) commonly appears in:
Equations with order relations and precedence.
Partial orders, lattices, and preference relations.
Research papers, proofs, and scholarly articles.
Technical documentation and math web applications.
Online courses and tutorials on order theory.
Calculator interfaces and computational tool UIs.
Conference proceedings and mathematical journals.
💡 Best Practices
Do
- Use
≽for readable source markup - Pick one style (hex / decimal / named) per project
- Add
aria-labelfor standalone symbols in math content - Test the glyph across browsers and fonts
- Pair ≽ with plain text on first use
Don’t
- Confuse ≽ (succeeds or equal) with ≻ (succeeds) or ≥ (greater-or-equal)
- Mix entity styles randomly in one file
- Use CSS escape
\227Dinside HTML text nodes - Use HTML entities in JS (use
\u227Dinstead) - Assume all fonts render ≽ clearly at small sizes
Key Takeaways
Three HTML references all render ≽
≽ ≽ ≽For CSS stylesheets, use the escape in the content property
\227DUnicode U+227D — SUCCEEDS OR EQUAL TO
Prefer ≽ for readability—it’s the most self-descriptive named entity
Related: ≻ (succeeds, ≻) and ⋩ (succeeds but not equivalent)
❓ Frequently Asked Questions
≽ (hex), ≽ (decimal), ≽ (named), or \227D in CSS content. All produce ≽.U+227D (SUCCEEDS OR EQUAL TO). Mathematical Operators block (U+2200–U+22FF). Hex 227D, decimal 8829.≽, ≽, or ≽) go directly in markup. The CSS escape \227D 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 — order theory, math operators, and more.
About the author
8 people found this page helpful