#A5BCF7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated pastel blue is cool and airy, making it a reliable choice for clean UI backgrounds or professional brand palettes. Because of its excellent contrast with black text, it functions well as a base color without sacrificing readability. Hex code #a5bcf7 pairs surprisingly well with deep charcoal or burnt orange accents. While it is less effective than how to make pink for high-energy designs, it provides a stable, modern foundation.
Questions about #a5bcf7
What is #a5bcf7 in RGB, HSL and CMYK?
In RGB, #a5bcf7 is rgb(165, 188, 247), in HSL hsl(223, 84%, 81%) and in CMYK 33%, 24%, 0%, 3%.
What colors work best with #a5bcf7 in a design palette?
#a5bcf7 pairs exceptionally well with deep charcoal for text contrast, or burnt orange to create a striking complementary balance. Because #a5bcf7 is so muted, it benefits from these stronger, darker, or more vibrant accents to prevent the overall design from feeling washed out.
Is #a5bcf7 suitable for use as a primary UI background color?
#a5bcf7 functions beautifully as a base UI background because its unsaturated nature keeps it from being overwhelming while maintaining excellent contrast against black or dark gray text. It provides a soft, professional, and stable foundation that does not fatigue the eyes during long reading sessions.
Is #a5bcf7 readable on white or black?
#a5bcf7 has a 1.88:1 contrast ratio on white and 11.13: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.