#A1D9D3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, unsaturated teal, #a1d9d3 feels airy and light. Because of its low saturation, it serves best as a background color for wellness or medical interfaces rather than a primary brand feature. Black text offers excellent readability against this shade. If you need more warmth to balance this cool, refreshing tone, try pairing it with deeper pink tones to ground the design.
Questions about #a1d9d3
What is #a1d9d3 in RGB, HSL and CMYK?
In RGB, #a1d9d3 is rgb(161, 217, 211), in HSL hsl(174, 42%, 74%) and in CMYK 26%, 0%, 3%, 15%.
What colors pair well with #a1d9d3?
Pair #a1d9d3 with deep pink or charcoal to balance its cool, airy nature. Because this teal is so unsaturated, it effectively grounds a design when placed against bolder, warmer accent colors, preventing the layout from feeling too cold or sterile.
Where should #a1d9d3 be used in design?
Use #a1d9d3 as a backdrop for interfaces requiring high readability, such as medical apps or wellness platforms. Its low saturation keeps text legible and prevents eye strain, offering a refreshing, clean aesthetic that feels professional without being overwhelming.
Is #a1d9d3 readable on white or black?
#a1d9d3 has a 1.56:1 contrast ratio on white and 13.38: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.