#A4EAF4 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #a4eaf4 graphic
This airy cyan sits at a high lightness, offering a refreshing, unsaturated quality that feels gentle and youthful. Because of its excellent contrast with black text, #a4eaf4 works well as a readable interface background or a subtle accent. Pair this hex code with dark charcoal or deep navy to ground its airy, cool nature and prevent it from appearing washed out in large, solid applications.

Questions about #a4eaf4

What is #a4eaf4 in RGB, HSL and CMYK?
In RGB, #a4eaf4 is rgb(164, 234, 244), in HSL hsl(188, 78%, 80%) and in CMYK 33%, 4%, 0%, 4%.
What colors pair best with #a4eaf4?
#a4eaf4 works best when paired with deep, grounding neutrals like charcoal or navy. These darker colors provide the necessary contrast to stop the cyan from looking washed out, making it ideal for buttons, icons, or secondary highlights.
Is #a4eaf4 readable on white or black?
#a4eaf4 has a 1.34:1 contrast ratio on white and 15.65: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.