#A4A9F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool periwinkle acts as a modern, airy base for digital interfaces. Because it is highly unsaturated, it provides a gentle backdrop that keeps UI components legible when paired with dark text. The hex code for this color is #a4a9f2. It works well alongside deep charcoals or slate grays, avoiding the washed-out feel of standard pastels when applied to large blocks of screen space.
Questions about #a4a9f2
What is #a4a9f2 in RGB, HSL and CMYK?
In RGB, #a4a9f2 is rgb(164, 169, 242), in HSL hsl(236, 75%, 80%) and in CMYK 32%, 30%, 0%, 5%.
How should I pair #a4a9f2 in digital interface design?
#a4a9f2 functions best when balanced against high-contrast neutrals like charcoal or deep slate tones. Using such dark text ensures the periwinkle backdrop remains accessible and legible for users, while creating a sophisticated, modern aesthetic that feels neither washed-out nor overly pastel.
Is #a4a9f2 better suited for backgrounds or accents?
This color excels as an airy, modern background rather than an accent. Because it is highly unsaturated, it provides a gentle, low-vibrancy field that keeps complex UI components organized without causing eye strain during extended periods of use.
Is #a4a9f2 readable on white or black?
#a4a9f2 has a 2.20:1 contrast ratio on white and 9.53: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.