#222120 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With its near-black value and low saturation, #222120 creates a dim, neutral mood with subtle warm-gray undertones. The hex code #222120 works well as a dominant background in dark interfaces, moody branding, and architectural layouts. Pair it with warm white or muted brass for contrast. White text remains highly legible, with about a 16.1:1 contrast ratio.
Questions about #222120
What is #222120 in RGB, HSL and CMYK?
In RGB, #222120 is rgb(34, 33, 32), in HSL hsl(30, 3%, 13%) and in CMYK 0%, 3%, 6%, 87%.
Is #222120 warm or cool?
#222120 reads as a subtly warm near-black because its red channel is slightly higher than its green and blue channels. Its low saturation keeps that warmth restrained, so it generally works as a neutral dark gray.
What colors pair well with #222120?
#222120 pairs well with warm white for clean contrast and with muted brass or soft tan for a warmer, more atmospheric palette. Its neutral, low-saturation base also lets subdued accents stand out without making the design feel harsh.
Does #222120 work with white text?
#222120 provides strong contrast with white text, at about 16.1:1, which exceeds WCAG AA and AAA thresholds for normal and large text. It is a practical dark background for readable interfaces, headings, and high-contrast layouts.
Is #222120 readable on white or black?
#222120 has a 16.07:1 contrast ratio on white and 1.30: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.