#224853 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated cyan sits in the shadows, bringing a gloomy and serious weight to design layouts. Because it is so muted, #224853 works best as a moody, large-scale background rather than an accent. It pairs unexpectedly well with warm, sandy beiges. While you can learn what colors make green, this shade relies on heavy gray undertones for its grounded, tech-forward aesthetic.
Questions about #224853
What is #224853 in RGB, HSL and CMYK?
In RGB, #224853 is rgb(34, 72, 83), in HSL hsl(193, 42%, 23%) and in CMYK 59%, 13%, 0%, 67%.
What colors pair best with #224853 for a balanced palette?
Pair #224853 with warm, sandy beiges or muted creams to counteract its inherent coolness and heavy gray undertones. Using soft neutrals creates a grounded, professional contrast that lets the moody cyan remain the focal point without feeling overwhelming or overly industrial.
Does #224853 work well for text in UI design?
While #224853 provides a strong, serious presence, it is generally too dark for primary body text against standard light backgrounds. Reserve this shade for large-scale sections, header accents, or as a sophisticated background color that supports lighter typography.
Is #224853 readable on white or black?
#224853 has a 9.90:1 contrast ratio on white and 2.11: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.