#2D77F7 Hex Color

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

Hex color #2d77f7 graphic
#2d77f7 is a saturated, cool blue with strong blue undertones. Its high chroma brings energy and focus to calls to action, interface accents, and technology branding. Use it as a supporting tone in a 30% role beside navy or charcoal rather than a full-page background. Black text reaches about 5.1:1 contrast and meets WCAG AA body text needs. The hex code is #2d77f7.

Questions about #2d77f7

What is #2d77f7 in RGB, HSL and CMYK?
In RGB, #2d77f7 is rgb(45, 119, 247), in HSL hsl(218, 93%, 57%) and in CMYK 82%, 52%, 0%, 3%.
What colors pair well with #2d77f7 in a UI?
Pair #2d77f7 with navy or charcoal to contain its brightness, then add a warm off-white background for softer contrast. This keeps the saturated blue focused in buttons, links, or status accents instead of dominating the interface.
Is #2d77f7 readable on white or black?
#2d77f7 has a 4.12:1 contrast ratio on white and 5.09: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.