Chi Rho (☧) is the Unicode character at U+2627 in the Miscellaneous Symbols block (official name: CHI RHO). It is a Christogram — the Greek letters chi (Χ) and rho (Ρ) overlapped — used in Christian art, history, and church websites.
Remember
Character ☧
Unicode U+2627
Hex entity ☧
Decimal ☧
CSS escape \2627
Named entity (none)
All of these produce the same glyph: ☧. Prefer a typed ☧ in UTF-8 pages when the font supports it; use numeric entities for generated markup or when encoding must be explicit.
Reference
Quick Reference
One table for every form you will actually use.
Form
Code
Where it goes
Direct character
☧
HTML text (UTF-8)
Hex entity
☧
HTML markup
Decimal entity
☧
HTML markup
CSS escape
\2627
Stylesheet content
Named entity
—
Not defined in HTML5
When to use which
Situation
Use
Need the Chi Rho glyph ☧
Type ☧, or ☧ / ☧
Generated text via ::before / ::after
content: "\2627"
Latin cross symbol
Use ✝ (U+271D)
Orthodox cross symbol
Use ☦ (U+2626)
Looking for &chirho; or similar
Does not exist — use numeric form
See it
Live Preview
Chi Rho rendered in common writing contexts.
Inline textSymbol: ☧ Christogram
Large glyph☧
Compared☧ ✝ ☦
Monospacemark ☧ → chi rho
With entitiesHex: ☧ | Decimal: ☧
Code
Complete HTML Example
One page that shows Chi Rho with the hex entity, decimal entity, CSS escape, and a typed character. Use View Output or open the live editor.
Hex + Decimal + CSS + Typed
All four ways to produce ☧ in a single document.
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Chi Rho (☧) in HTML</title>
<style>
#point::after {
content: "\2627";
}
</style>
</head>
<body>
<p>Chi Rho using Hex Code: ☧</p>
<p>Chi Rho using HTML Code: ☧</p>
<p id="point">Chi Rho using CSS Entity: </p>
<p>Typed directly: ☧</p>
</body>
</html>
Chi Rho using Hex Code: ☧
Chi Rho using HTML Code: ☧
Chi Rho using CSS Entity: ☧
Typed directly: ☧
How It Works
1. Hex:U+2627 → ☧ in HTML. The browser turns it into ☧.
2. Decimal: same code point as 9767 → ☧. Same result as hex.
3. CSS: use \2627 in content (not an HTML entity). #point::after appends that ☧ after the paragraph text.
4. Typed ☧: fine in UTF-8 pages. All four lines show the same glyph.
Pitfalls & Tips
Common mistakes when working with Chi Rho entities.
Named?
No named entity
HTML5 does not define &chirho; for U+2627. Use numeric forms.
CSS vs HTML
Do not mix escapes
\2627 belongs in CSS. ☧ / ☧ belong in HTML.
☧ vs ✝
Different characters
☧ is U+2627 (Chi Rho). Latin cross ✝ is U+271D.
A11y
Label the symbol
Pair ☧ with nearby text (or an accessible name) so meaning is not glyph-only.
Semicolon
End references
Always finish with ; — write ☧, not ☧.
Fonts
Check the glyph
Miscellaneous Symbols coverage varies. If ☧ is missing, use “Chi Rho” in text nearby.
Compatibility
Browser Support
Chi Rho (U+2627) and its numeric entity forms (☧, ☧, CSS \\2627) are supported in all mainstream browsers. Glyph shape depends on the font.
✓ Universal support
Chi Rho (☧)
Encode with hex, decimal, or CSS escape — or paste ☧ in UTF-8 HTML.
100%Browser coverage
Google ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerAll versions
Yes
U+2627 / entitiesFull support
Bottom line: Use ☧ or ☧ for the Unicode glyph, and \\2627 only inside CSS content. Prefer plain labels when the audience may not know the Christogram.
Remember
Key Takeaways
Unicode: chi rho is U+2627 (decimal 9767).
HTML: use ☧ or ☧ when you need an entity.
CSS: use \2627 inside content for generated text.
Watch out: ☧ ≠ ✝ (Chi Rho ≠ Latin cross).
One line:U+2627 → ☧ / ☧ / CSS \2627, or paste ☧.
Frequently Asked Questions
Use ☧ (hex), ☧ (decimal), or the CSS escape \2627 in the content property. All render ☧. You can also paste ☧ directly when your file is UTF-8.
U+2627 (hex 2627, decimal 9767). Unicode names it CHI RHO. It belongs to the Miscellaneous Symbols block.
No. HTML5 does not define a named entity for ☧. Use numeric references like ☧ or ☧.
☧ (U+2627) is the Chi Rho Christogram (overlapped Greek Χ and Ρ). ✝ (U+271D) is the Latin cross — a different Christian symbol with its own code point.
HTML entities (☧ or ☧) go in markup. The CSS escape \2627 is used in stylesheets (usually in the content property of ::before/::after). Both render ☧.
Use it on church, history, or art pages when you need this exact Christogram. Prefer plain text labels for everyday UI. Pair the glyph with accessible text so meaning is not symbol-only.
🤔
Did you know?
Chi Rho is Unicode U+2627 (decimal 9767) — official name CHI RHO in the Miscellaneous Symbols block. HTML5 has no named entity. It is a Christogram formed from the Greek letters chi (Χ) and rho (Ρ), and is not the Latin cross (U+271D ✝).
