#ABD6F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#abd6f2 is a light, cool blue that sits on the lighter end of pastel colors. Because of its high lightness, it works best as a primary UI background or a soft header. It maintains excellent contrast with black text, ensuring readability for body copy. The hex code for this shade is #abd6f2, a functional choice for tech or healthcare projects that need a clean aesthetic.
Questions about #abd6f2
What is #abd6f2 in RGB, HSL and CMYK?
In RGB, #abd6f2 is rgb(171, 214, 242), in HSL hsl(204, 73%, 81%) and in CMYK 29%, 12%, 0%, 5%.
Is #abd6f2 suitable for text-heavy interfaces?
Yes, #abd6f2 works best as a background color because it maintains high contrast ratios with charcoal or black text. Avoid using this specific shade for small body text, as it may appear too faint against a white backdrop.
What color schemes complement #abd6f2 effectively?
Is #abd6f2 readable on white or black?
#abd6f2 has a 1.54:1 contrast ratio on white and 13.63: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.