#2676DF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Far from a muted navy, this blue is loud and saturated, with a brightness that makes buttons and links impossible to miss. The hex code #2676df works best as a 10 percent accent rather than a full background, where its intensity can overwhelm. It reads cool and electric, and black text clears AA contrast on it at about 4.7:1.
Questions about #2676df
What is #2676df in RGB, HSL and CMYK?
In RGB, #2676df is rgb(38, 118, 223), in HSL hsl(214, 74%, 51%) and in CMYK 83%, 47%, 0%, 13%. Browse more shades of blue with names and hex codes.
What colors pair well with #2676df?
Warm sand and charcoal balance its brightness better than plain white does. A deep burgundy also works for a richer, less predictable palette. Keep it to roughly 10 percent of the layout as an accent.
Is #2676df readable on white or black?
#2676df has a 4.43:1 contrast ratio on white and 4.73: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.