#101216 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This near-black grey provides a serious, grounded base for modern UI design. Because it is extremely dark with minimal saturation, #101216 works best as a background for high-contrast typography rather than text itself. White text is exceptionally legible against this shade, offering a 18.7:1 contrast ratio. Use this hex code to anchor moody, minimalist interfaces where you need depth without the starkness of pure black.
Questions about #101216
What is #101216 in RGB, HSL and CMYK?
In RGB, #101216 is rgb(16, 18, 22), in HSL hsl(220, 16%, 7%) and in CMYK 27%, 18%, 0%, 91%.
Why choose #101216 over pure black?
#101216 provides a softer, more sophisticated aesthetic than pure black by introducing subtle, grounded depth that feels less harsh on screens. It anchors high-contrast layouts without creating the visual vibration or fatigue often caused by deep, flat blacks in web interfaces.
What color palettes work best with #101216?
This near-black grey pairs beautifully with bright whites or high-chroma accents like electric blue or vibrant orange. Using it as a neutral canvas allows these saturated colors to pop significantly while maintaining a clean, professional visual hierarchy throughout your design.
Is #101216 readable on white or black?
#101216 has a 18.74:1 contrast ratio on white and 1.12: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.