#A3C5CC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, pale cyan feels airy and clean, functioning best as a supporting background rather than a main color. Because it is highly unsaturated, it pairs well with darker charcoal grays to create a modern, high-contrast look for UI design. The hex code for this delicate shade is #a3c5cc, and it provides enough contrast to keep small black text legible on screen.
Questions about #a3c5cc
What is #a3c5cc in RGB, HSL and CMYK?
In RGB, #a3c5cc is rgb(163, 197, 204), in HSL hsl(190, 29%, 72%) and in CMYK 20%, 3%, 0%, 20%.
What colors pair well with #a3c5cc in UI design?
#a3c5cc works exceptionally well with deep charcoal or slate grays because the high contrast ensures excellent readability for text. You can also pair it with soft off-whites or muted navy tones to maintain a professional, cohesive look for digital layouts.
Is #a3c5cc readable on white or black?
#a3c5cc has a 1.83:1 contrast ratio on white and 11.41: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.