#77A0F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Pastel blue with a cool, airy character. #77a0f2 is light enough to read friendly but saturated enough to hold up as a UI background or brand base. Black text on it reaches about 8.1:1 contrast, so small body copy passes WCAG AA. Its gentle tone suits spring themes, healthcare, and finance, and it flatters warm accents like peach or terracotta.
Questions about #77a0f2
What is #77a0f2 in RGB, HSL and CMYK?
In RGB, #77a0f2 is rgb(119, 160, 242), in HSL hsl(220, 83%, 71%) and in CMYK 51%, 34%, 0%, 5%.
What colors pair well with #77a0f2?
#77a0f2 pairs well with warm accents like peach or terracotta, which balance its cool lean. For a tighter, more corporate palette, anchor it with navy and off-white.
Is black or white text better on #77a0f2?
Black text is the clear choice. It reaches about 8.1:1 contrast on #77a0f2, well above the WCAG AA requirement of 4.5:1, while white text falls short for small body copy.
Is #77a0f2 readable on white or black?
#77a0f2 has a 2.59:1 contrast ratio on white and 8.09: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.