#A3BDF7 Hex Color

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

Hex color #a3bdf7 graphic
#a3bdf7 is a light, cool blue with a soft periwinkle cast and airy pastel finish. Its gentle brightness works well for healthcare, finance, security, and spring-themed interfaces as a supporting background tone. Pair it with deep navy or charcoal for clear structure and readable text. Black text reaches about 11.2:1 contrast on this color. The hex code is #a3bdf7.

Questions about #a3bdf7

What is #a3bdf7 in RGB, HSL and CMYK?
In RGB, #a3bdf7 is rgb(163, 189, 247), in HSL hsl(221, 84%, 80%) and in CMYK 34%, 23%, 0%, 3%.
What colors pair well with #a3bdf7?
#a3bdf7 pairs well with navy or charcoal, which add structure and strong text contrast, while softer lavender or muted sage accents keep the palette calm in both digital layouts and brand systems. Use darker tones for labels, buttons, and essential interface content.
Is #a3bdf7 warm or cool, and where does it work best?
#a3bdf7 reads as a cool, light blue because its soft periwinkle cast leans toward blue rather than yellow. Its airy brightness works well for healthcare, finance, security, and spring-themed interfaces as a supporting background.
Is #a3bdf7 readable on white or black?
#a3bdf7 has a 1.87:1 contrast ratio on white and 11.17: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.