#282216 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#282216 barely looks like yellow. At this lightness it reads as a dark, ashy brown, more shadow than sunshine. Muted and matte, it works best as a supporting tone or dark UI background, where white text hits about 15.8:1 contrast, well past WCAG AA. Pair it with warm cream or dusty gold to keep it from going muddy.
Questions about #282216
What is #282216 in RGB, HSL and CMYK?
In RGB, #282216 is rgb(40, 34, 22), in HSL hsl(40, 29%, 12%) and in CMYK 0%, 15%, 45%, 84%. Browse more shades of black with names and hex codes.
What colors pair well with #282216?
Warm creams, dusty gold, and soft sage keep #282216 from reading flat and muddy. Bright white text works too, giving roughly 15.8:1 contrast, which clears WCAG AA for small body copy with room to spare.
Does #282216 read warm or cool?
It reads warm. The yellow base sits low in lightness and saturation, so the brown undertone shows through and gives it a dry, earthy feel rather than anything bright or sunny.
Is #282216 readable on white or black?
#282216 has a 15.78:1 contrast ratio on white and 1.33: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.