#1AA5A3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, cool cyan sits comfortably between blue and green. Because #1aa5a3 offers solid readability, it works well for both body text and interface accents. It pairs effectively with warm, muted grays or creams to ground its stimulating energy. Use this hex code as a 30% supporting tone in technology or brand palettes to inject a sense of clarity and modern purpose.
Questions about #1aa5a3
What is #1aa5a3 in RGB, HSL and CMYK?
In RGB, #1aa5a3 is rgb(26, 165, 163), in HSL hsl(179, 73%, 37%) and in CMYK 84%, 0%, 1%, 35%.
What colors pair best with #1aa5a3 in a UI design?
#1aa5a3 pairs naturally with neutral tones like charcoal or soft off-white to maintain high contrast and readability. Because it is a desaturated cool tone, using warm, earthy grays creates a balanced, modern interface that feels approachable rather than overly clinical.
Does #1aa5a3 work well for body text or headlines?
Yes, #1aa5a3 is distinct enough to be used for headlines or call-to-action buttons while maintaining enough weight for legibility. Avoid using it for small, dense body paragraphs, where its cool, desaturated nature might cause eye strain over long periods of reading.
Is #1aa5a3 readable on white or black?
#1aa5a3 has a 3.01:1 contrast ratio on white and 6.95:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.