#22493D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy, low-saturation teal feels serious and grounded. Because of its dark depth, #22493d works as a sturdy background for moody interface designs. White text reads clearly against it, but avoid using it for large blocks of copy to prevent a muddy look. Pair it with soft, warm creams rather than bright whites to soften the contrast. The hex code for this color is #22493d.
Questions about #22493d
What is #22493d in RGB, HSL and CMYK?
In RGB, #22493d is rgb(34, 73, 61), in HSL hsl(162, 36%, 21%) and in CMYK 53%, 0%, 16%, 71%.
How should I use #22493d in a design project?
#22493d works best as a moody, atmospheric background rather than for large blocks of copy, which can appear muddy. Use it to anchor professional interfaces and pair with warm, soft creams to effectively balance the inherent deep, dark contrast.
Does #22493d pair well with lighter neutral tones?
Yes, it creates a sophisticated contrast when paired with soft, warm neutrals. Avoid stark whites, which can look jarring against the ashy depth of #22493d, and instead opt for a creamy ivory or a muted off-white to maintain visual harmony.
Is #22493d readable on white or black?
#22493d has a 10.05:1 contrast ratio on white and 2.08: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.