#222831 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Infinity is a dim, dusty blue that leans heavily into dark grey territory. Because it feels somber and serious, this color excels as a dominant base for modern dark mode UI. White text provides an excellent, high-contrast pairing for readability. Designers should use the hex code #222831 for professional branding projects like finance or technology where a solid, trustworthy foundation is needed.
About Infinity
Slate at the bottom of the harbor
What does infinity mean?
Dark, grayed blues often signal formality, seriousness, and authority, and this shade also carries the plainness of charcoal and shadow. Its very low lightness and weak saturation make it feel heavy, still, and shadowed rather than bright or lively.
Where you see infinity
- chalkboard
- storm clouds
- slate roof
- dark denim
- cast iron pan
- overcast sea
What it works for
It works well as a dark background in dashboards, code editors, and reading apps where a soft blue beats flat black.
What colors go with infinity?
Burnt Orange #cc5500A warm, muted orange stands out against the dark blue without turning harsh.Dusty Rose #b56f76The soft pink warms the shade and keeps the pairing from feeling cold.Sage #9caf88A grayed green shares its dullness and reads as calm and grounded next to it.Cream #fffdd0A warm off-white gives strong separation and lifts text off the dark surface.
Questions about Infinity
What is the hex code for Infinity?
Infinity is #222831. In RGB that is rgb(34, 40, 49), in HSL hsl(216, 18%, 16%) and in CMYK 31%, 18%, 0%, 81%.
Why is #222831 effective for modern dark mode UI?
The #222831 hex color provides a softer, more grounded alternative to pure black, reducing eye strain while maintaining high contrast. Its subtle blue undertone adds a layer of depth and professionalism that keeps interfaces feeling modern and readable.
Is Infinity readable on white or black?
Infinity has a 14.83:1 contrast ratio on white and 1.41:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.