#A5D0D5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#a5d0d5 is a pale, desaturated cyan that feels airy and clean. Its light chroma makes it an excellent supporting background for UI design, as black text renders with high readability against it. Because it leans cool and delicate, it contrasts beautifully with deeper pink tones. Use this hex code when you need a gentle, unobtrusive base for children’s products or tech layouts.
Questions about #a5d0d5
What is #a5d0d5 in RGB, HSL and CMYK?
In RGB, #a5d0d5 is rgb(165, 208, 213), in HSL hsl(186, 36%, 74%) and in CMYK 23%, 2%, 0%, 16%.
What colors pair best with #a5d0d5?
#a5d0d5 works best when contrasted against deeper, warmer tones to balance its cool, airy character. It looks particularly striking when paired with deep burgundy or muted terracotta, which provide the necessary depth to keep the overall design from feeling too washed out.
Is #a5d0d5 suitable for UI text?
#a5d0d5 is generally too light and low-contrast to be used as primary body text on a white background. It excels as a background color for interface sections, allowing for high-contrast charcoal or dark navy text to sit comfortably on top.
Is #a5d0d5 readable on white or black?
#a5d0d5 has a 1.66:1 contrast ratio on white and 12.58: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.