#669DF4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, vibrant blue carries a high saturation that commands attention. Because it is bright and clean, #669df4 functions best as a supporting accent or a primary UI call to action rather than a large background. It pairs exceptionally well with charcoal grays and provides enough contrast for black text to remain legible. The hex code for this reliable shade is #669df4.
Questions about #669df4
What is #669df4 in RGB, HSL and CMYK?
In RGB, #669df4 is rgb(102, 157, 244), in HSL hsl(217, 87%, 68%) and in CMYK 58%, 36%, 0%, 4%.
What colors complement #669df4 in a design scheme?
This vibrant blue pairs beautifully with warm, earthy tones to balance its artificial coolness. You can create a striking contrast by using deep terracotta or soft peach accents, which neutralize the high-saturation energy of the blue while keeping the overall palette modern.
Is #669df4 readable on white or black?
#669df4 has a 2.72:1 contrast ratio on white and 7.69: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.