#ADA5EA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ada5ea is a cool, unsaturated lavender that brings an airy quality to digital interfaces. Because of its light tone, this color works best as a background for modern UI designs. It pairs well with charcoal text, maintaining high readability due to the strong contrast ratio. The hex code for this shade is #ada5ea. This color feels soft and delicate, making it ideal for gentle, minimalist branding.
Questions about #ada5ea
What is #ada5ea in RGB, HSL and CMYK?
In RGB, #ada5ea is rgb(173, 165, 234), in HSL hsl(247, 62%, 78%) and in CMYK 26%, 29%, 0%, 8%.
Why does #ada5ea work well for modern interface design?
#ada5ea provides a gentle, airy backdrop that reduces visual clutter in digital spaces while remaining legible. Because it maintains a strong contrast against dark text like charcoal, it functions effectively for navigation bars or soft, minimalist card components.
What colors complement #ada5ea?
You can ground this soft lavender by pairing it with charcoal for high-readability text or deep navy to create a professional contrast. For a warmer, organic balance, try adding muted earth tones like terracotta, which help offset the coolness of this specific hue.
Is #ada5ea readable on white or black?
#ada5ea has a 2.24:1 contrast ratio on white and 9.34: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.