#226666 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dim cyan is deeply unsaturated and moody, carrying a dusty, ashy character that leans away from bright sky tones. Because #226666 is quite dark, it functions best as a background color for tech or productivity dashboards rather than fine detail. White text sits comfortably on this shade, meeting accessibility standards for small body copy. Pair it with soft cream or warm gray to avoid a harsh contrast.
Questions about #226666
What is #226666 in RGB, HSL and CMYK?
In RGB, #226666 is rgb(34, 102, 102), in HSL hsl(180, 50%, 27%) and in CMYK 67%, 0%, 0%, 60%.
What colors pair best with #226666?
#226666 works beautifully with cream or warm gray to balance its deep, ashy nature without creating harsh visual tension. These lighter neutrals allow the moody cyan to anchor a layout while keeping the overall design legible and soft on the eyes.
Is #226666 suitable for interface design?
Yes, #226666 is an excellent choice for tech dashboard backgrounds or productivity apps because it is dark enough to support white text effortlessly. Its low saturation keeps the interface professional and prevents eye strain during extended use.
Is #226666 readable on white or black?
#226666 has a 6.64:1 contrast ratio on white and 3.16: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.