HTML Entity for Music Flat Sign (♭)
What You'll Learn
How to display the Music Flat Sign (♭) in HTML using named, hexadecimal, decimal, and CSS escape methods. This character is U+266D (MUSIC FLAT SIGN) in the Miscellaneous Symbols block (U+2600–U+26FF)—the standard symbol for lowering a note by one semitone in Western music notation.
Render it with the named entity ♭, ♭, ♭, or CSS escape \266D. Use it in chord names (e.g. B♭), scale charts, and music theory content. Pair with Music Natural Sign (♮, ♮) and sharp sign (♯, ♯) in the accidentals family.
⚡ Quick Reference — Music Flat Sign
U+266DMiscellaneous Symbols
♭Hexadecimal reference
♭Decimal reference
♭Most readable in music markup
Name Value
──────────── ──────────
Unicode U+266D
Hex code ♭
HTML code ♭
Named entity ♭
CSS code \266D
Meaning Lower note by one semitone (flat)
Related U+266E = natural (♮, ♮)
U+266F = sharp (♯, ♯)Complete HTML Example
This example demonstrates the Music Flat Sign (♭) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\266D";
}
</style>
</head>
<body>
<p>Music Flat Sign using Hexadecimal: ♭</p>
<p>Music Flat Sign using HTML Code: ♭</p>
<p>Music Flat Sign using Named Entity: ♭</p>
<p id="point">Music Flat Sign using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+266D is widely supported wherever Unicode Miscellaneous Symbols render correctly:
👀 Live Preview
See the Music Flat Sign (♭) in music notation contexts:
🧠 How It Works
Named Entity
♭ is the HTML named entity for the Music Flat Sign—often preferred in readable chord and scale markup.
Hexadecimal Code
♭ uses the Unicode hexadecimal value 266D. The x prefix indicates hexadecimal format.
Decimal HTML Code
♭ uses the decimal Unicode value 9837 to display the same character.
CSS Entity
\266D 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+266D in Miscellaneous Symbols. Related: Music Natural Sign (♮, ♮).
Use Cases
The Music Flat Sign (♭) is commonly used in:
Digital scores and web-based music viewers.
Chord names like B♭, E♭, and A♭ in guitar and piano charts.
Theory lessons, scale diagrams, and interval explanations.
Tuners, metronomes, and practice tools with key signatures.
Song posts and musician blogs with proper accidentals.
Unicode charts and HTML entity documentation.
💡 Best Practices
Do
- Use
♭for readable chord and scale markup - Pair with ♮ and ♯ when showing all three accidentals
- Use serif or music fonts for clearer glyph rendering
- Add
aria-label(e.g. “B flat”) for screen readers - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Substitute a lowercase
bfor ♭ in formal notation - Confuse
♭(♭) with other flat-like symbols - Put CSS escape
\266Din HTML text nodes - Mix entity styles randomly in one file
- Rely on the symbol alone without accessible description
Key Takeaways
Three HTML references plus CSS all render ♭
♭ ♭ ♭For CSS stylesheets, use the escape in the content property
\266DUnicode U+266D — MUSIC FLAT SIGN
♭ is the standard named entity
Related: Natural (♮) and sharp (♯)
❓ Frequently Asked Questions
♭ (named), ♭ (hex), ♭ (decimal), or \266D in CSS content. All produce ♭.U+266D (MUSIC FLAT SIGN). Miscellaneous Symbols block (U+2600–U+26FF). Hex 266D, decimal 9837. Named entity: ♭.U+266D, ♭) is the proper music flat symbol. A lowercase letter b is a different character and is not correct for formal music notation.♭, ♭, or ♭) go directly in markup. The CSS escape \266D 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 — music symbols, math operators, and more.
About the author
8 people found this page helpful