#669EE2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted mid-tone blue brings a composed, steady feel to digital interfaces. With its moderate saturation, #669ee2 works effectively as a base color for corporate branding or financial dashboards where legibility matters. It pairs surprisingly well with warm terracottas to balance the temperature. Since it leans cool, designers often use this hex code for UI elements that need to look secure and professional without appearing sterile.
Questions about #669ee2
What is #669ee2 in RGB, HSL and CMYK?
In RGB, #669ee2 is rgb(102, 158, 226), in HSL hsl(213, 68%, 64%) and in CMYK 55%, 30%, 0%, 11%.
What colors pair well with #669ee2?
#669ee2 functions best when balanced by warmer tones to counteract its cool, professional nature. You can create a striking contrast by pairing it with terracotta or soft peach tones, which ground the blue and prevent it from feeling too sterile in a UI layout.
Is #669ee2 a good choice for text-heavy interfaces?
Yes, #669ee2 is an excellent choice for functional interfaces because its moderate saturation provides enough visual interest without overwhelming the eyes. When using it for text, ensure you check the contrast ratio against your background to maintain readability for accessibility compliance.
Is #669ee2 readable on white or black?
#669ee2 has a 2.78:1 contrast ratio on white and 7.55:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.