#6680D7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated periwinkle sits in a professional middle ground, neither too bright nor too muted. Its distinct lack of saturation makes #6680d7 a strong candidate for UI elements or background panels where legibility is paramount. It pairs unexpectedly well with warm, terracotta oranges. Understanding how to make gray helps designers balance this hex code when creating cohesive, balanced corporate interfaces.
Questions about #6680d7
What is #6680d7 in RGB, HSL and CMYK?
In RGB, #6680d7 is rgb(102, 128, 215), in HSL hsl(226, 59%, 62%) and in CMYK 53%, 40%, 0%, 16%.
What colors pair well with #6680d7 for a balanced palette?
This muted periwinkle creates a sophisticated contrast when paired with warm, earthy tones like terracotta or soft sandy beiges. These combinations balance the coolness of #6680d7 with enough warmth to keep your interface feeling grounded and professional rather than sterile.
Is #6680d7 readable on white or black?
#6680d7 has a 3.72:1 contrast ratio on white and 5.63:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.