#669AC2 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #669ac2 graphic
#669ac2 is a cool, muted blue with soft gray undertones and medium-light value. Its steady, controlled character suits finance, healthcare, technology, and government interfaces where reliability matters. Use it as a supporting brand tone or broad UI field, paired with charcoal or warm ivory. Black text remains highly readable, with about 7.0:1 contrast. The hex code is #669ac2.

Questions about #669ac2

What is #669ac2 in RGB, HSL and CMYK?
In RGB, #669ac2 is rgb(102, 154, 194), in HSL hsl(206, 43%, 58%) and in CMYK 47%, 21%, 0%, 24%.
What colors pair well with #669ac2?
Charcoal and warm ivory pair especially well with #669ac2, balancing its cool blue-gray character with dark definition and gentle warmth while preserving its calm, professional feel across interfaces, presentations, and brand layouts.
Is #669ac2 a warm or cool color?
#669ac2 reads as a cool, muted blue because its blue base is softened by gray undertones rather than warmed with yellow. Its medium-light value makes the color feel steady and approachable instead of stark or intensely saturated.
Is #669ac2 readable on white or black?
#669ac2 has a 3.01:1 contrast ratio on white and 6.96: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.