#2077F0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bold and electric, this blue reads bright and saturated without tipping into neon. The hex code #2077f0 works hardest as an accent: buttons, links, and highlights on dark interfaces, where black text over it still clears WCAG AA at about 5.0:1. Pair it with warm sand or charcoal to keep it from feeling corporate. If you want to mix it from scratch, see what colors make blue.
Questions about #2077f0
What is #2077f0 in RGB, HSL and CMYK?
In RGB, #2077f0 is rgb(32, 119, 240), in HSL hsl(215, 87%, 53%) and in CMYK 87%, 50%, 0%, 6%.
What text color works best on #2077f0?
Black text reads most clearly on #2077f0, with about 5.0:1 contrast. That clears WCAG AA for body text, while white text falls just short for small sizes.
What colors pair well with #2077f0?
Warm neutrals like sand and cream balance its intensity, and charcoal keeps it grounded. For a bolder scheme, a burnt orange accent plays off it as a near complement.
Is #2077f0 readable on white or black?
#2077f0 has a 4.23:1 contrast ratio on white and 4.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.