#ABABE5 Hex Color
Airy and quiet unsaturated periwinkle blue
A cool, unsaturated periwinkle, #ababe5 feels airy and quiet without appearing washed out. Its light value provides excellent contrast for black type, making it a reliable choice for UI text or readable headers. Use this shade as a steady background color for creative interfaces, or pair it with charcoal gray to maintain a professional, grounded look that avoids looking too juvenile.
Questions about #ababe5
What is #ababe5 in RGB, HSL and CMYK?
In RGB, #ababe5 is rgb(171, 171, 229), in HSL hsl(240, 53%, 78%) and in CMYK 25%, 25%, 0%, 10%.
How can I use #ababe5 effectively in UI design?
#ababe5 works best as a soft, neutral background color for dashboards or interfaces where you need a professional, airy feel. It pairs exceptionally well with dark charcoal or deep navy text, ensuring high readability without the harshness of pure white backgrounds.
Is #ababe5 considered a warm or cool color?
This color sits firmly in the cool spectrum due to its strong blue and violet undertones. Because it is unsaturated and light in value, it avoids feeling overly icy or sharp, remaining approachable and calm instead of cold or sterile.
Is #ababe5 readable on white or black?
#ababe5 has a 2.16:1 contrast ratio on white and 9.68: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.