#669BBC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue carries a professional weight, making it a reliable choice for corporate or financial interfaces. Since it provides excellent contrast against black text, the hex code #669bbc works well for UI buttons or data visualization headers. Avoid using it as a full-page background, as the muted, grayish saturation can feel washed out without strong white or dark elements to anchor it.
Questions about #669bbc
What is #669bbc in RGB, HSL and CMYK?
In RGB, #669bbc is rgb(102, 155, 188), in HSL hsl(203, 39%, 57%) and in CMYK 46%, 18%, 0%, 26%.
Where should I use #669bbc in a professional layout?
#669bbc performs best as a high-contrast accent for UI buttons, data headers, or navigation elements. Because it has a desaturated, grayish quality, it serves as a stable, readable choice against white backgrounds without causing the visual fatigue that brighter blues often trigger.
What colors pair well with #669bbc?
This muted blue harmonizes effectively with neutral tones like soft charcoal for text or crisp off-whites to balance its gray undertones. For a more sophisticated palette, try pairing it with muted terracottas or warm beige accents to provide a subtle temperature contrast.
Is #669bbc readable on white or black?
#669bbc has a 3.00:1 contrast ratio on white and 6.97: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.