#A5BACF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy blue is heavily desaturated with a dusty, muted quality that removes any sharp edge. Because it is so low in chroma, it functions perfectly as a neutral background in UI designs for finance or secure data portals. Pair it with dark charcoal for high readability, as black text provides excellent contrast against this shade. The hex code for this cool tone is #a5bacf.
Questions about #a5bacf
What is #a5bacf in RGB, HSL and CMYK?
In RGB, #a5bacf is rgb(165, 186, 207), in HSL hsl(210, 30%, 73%) and in CMYK 20%, 10%, 0%, 19%.
What colors pair best with #a5bacf for professional designs?
Pair #a5bacf with deep charcoal or dark navy text to maintain high readability and contrast in your UI designs. Its dusty nature also complements soft creams or clean whites, creating a balanced, sophisticated palette for data-heavy applications.
Does #a5bacf lean warm or cool in color theory?
The #a5bacf hex color is firmly a cool-toned blue, though its heavy desaturation gives it a neutral, approachable quality. It lacks the sharp vibrancy of primary blues, allowing it to sit comfortably in backgrounds without overwhelming other interface elements.
Is #a5bacf readable on white or black?
#a5bacf has a 1.99:1 contrast ratio on white and 10.52: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.