#3FA4DD Hex Color

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

Hex color #3fa4dd graphic
The hex code #3fa4dd is a cool, moderately muted blue with a light appearance and slight cyan undertones. It suggests reliability and control, making it useful for finance, healthcare, technology, and government interfaces. Use it as a supporting brand color or broad UI background, with black text for strong readability at small sizes.

Questions about #3fa4dd

What is #3fa4dd in RGB, HSL and CMYK?
In RGB, #3fa4dd is rgb(63, 164, 221), in HSL hsl(202, 70%, 56%) and in CMYK 71%, 26%, 0%, 13%.
What colors pair well with #3fa4dd?
The #3fa4dd hex color pairs well with charcoal or navy for grounded contrast, while white keeps layouts airy and complementary orange adds energy to buttons, links, and small accents without overwhelming the blue.
Is #3fa4dd a warm or cool color?
The #3fa4dd hex color reads as a cool blue because its blue component is higher than its red and green values, with a slight cyan cast that feels clear, dependable, and controlled in interfaces.
What text color works best with #3fa4dd?
For accessibility, #3fa4dd generally works better with black or very dark text than white text, because its light blue value creates stronger contrast against dark foregrounds; verify exact combinations with a contrast checker before publishing.
Is #3fa4dd readable on white or black?
#3fa4dd has a 2.77:1 contrast ratio on white and 7.56: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.