#25220F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, murky shade blends deep yellow with heavy ashy tones, creating an almost neutral effect. Because it is so desaturated and moody, #25220f works best as a grounding background element in dark mode interfaces. It offers high contrast for white text, ensuring readability. Use this hex code carefully, as its dusty character can look muddy if paired with the wrong mid-tones.
Questions about #25220f
What is #25220f in RGB, HSL and CMYK?
In RGB, #25220f is rgb(37, 34, 15), in HSL hsl(52, 42%, 10%) and in CMYK 0%, 8%, 59%, 85%. Browse more shades of black with names and hex codes.
Why does #25220f appear muddy when paired with certain colors?
Because #25220f is a highly desaturated, ashy yellow, it struggles against mid-tone colors that lack strong contrast. To keep designs sharp, pair this shade with high-contrast, lighter neutrals like cream or stark white to avoid a flat, washed-out appearance.
How should #25220f be used effectively in web design?
This color excels as a grounding background for dark mode interfaces because it maintains depth without being purely black. It pairs best with light-colored typography, ensuring readability while providing a softer, more organic feel than standard, harsh black backgrounds.
Is #25220f readable on white or black?
#25220f has a 15.97:1 contrast ratio on white and 1.31: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.