#22667F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#22667f is a dusty, unsaturated cyan that carries a serious, moody weight. Because of its muted, cool character, this shade works best as a dominant UI background or a structured base for tech-focused branding. White text provides strong contrast here, passing accessibility standards with ease. If you want to learn how to make gray, this hex code serves as a perfect example of a complex, de-saturated blue-green.
Questions about #22667f
What is #22667f in RGB, HSL and CMYK?
In RGB, #22667f is rgb(34, 102, 127), in HSL hsl(196, 58%, 32%) and in CMYK 73%, 20%, 0%, 50%.
Where should I use the #22667f hex color?
#22667f works best as a primary background for tech-focused interfaces or structured dashboards where readability is vital. Because of its muted, serious tone, it excels when paired with high-contrast white text to maintain professional accessibility standards.
What colors pair well with #22667f?
This color pairs beautifully with neutral warm gray or crisp off-white to let its dusty cyan undertones stand out without overwhelming the viewer. You can also introduce a sharp mustard yellow as an accent color for a balanced, modern visual scheme.
Is #22667f readable on white or black?
#22667f has a 6.41:1 contrast ratio on white and 3.27: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.