#106682 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, desaturated cyan carries a moody weight that avoids being overly bright or primary. Because of its 6.5:1 contrast ratio, it serves well as a steady background for white text in UI designs. The hex code #106682 functions best when paired with warm, muted oranges to balance its cool temperature. Use it sparingly, as its depth can overwhelm small interface elements.
Questions about #106682
What is #106682 in RGB, HSL and CMYK?
In RGB, #106682 is rgb(16, 102, 130), in HSL hsl(195, 78%, 29%) and in CMYK 88%, 22%, 0%, 49%.
What colors pair well with #106682 for a balanced palette?
Warm, muted oranges provide the best contrast for #106682, effectively neutralizing its cool, moody temperature. You can also ground the design by using charcoal for text or typography, which maintains the professional, serious tone this deep cyan establishes.
Is #106682 suitable for UI backgrounds or text?
Yes, #106682 provides a strong 6.5:1 contrast ratio against white, making it an excellent choice for calm, high-legibility interface backgrounds. However, avoid using this color for small interface elements like tiny icons or thin borders, as its depth can overwhelm those details.
Is #106682 readable on white or black?
#106682 has a 6.47:1 contrast ratio on white and 3.24: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.