#A3B1D0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #a3b1d0 when a UI background needs to feel soft without going pale. This pastel blue carries gray undertones that keep it muted and easy on the eyes. It works well as a 60% base in calm, trustworthy layouts, though it can wash out next to pure white. Pair it with deep navy or warm terracotta for contrast.
Questions about #a3b1d0
What is #a3b1d0 in RGB, HSL and CMYK?
In RGB, #a3b1d0 is rgb(163, 177, 208), in HSL hsl(221, 32%, 73%) and in CMYK 22%, 15%, 0%, 18%.
What text color works best on #a3b1d0?
Black text works best on #a3b1d0, with a contrast ratio of about 9.8:1. That clears the WCAG AA threshold of 4.5:1 for body text, while white text does not.
What colors pair well with #a3b1d0?
Deep navy and warm terracotta both give #a3b1d0 the contrast its muted tone needs. Charcoal text and warm wood tones also keep it from reading flat.
Is #a3b1d0 readable on white or black?
#a3b1d0 has a 2.15:1 contrast ratio on white and 9.75: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.