#339BB2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A cool, moderately muted cyan with a medium-light value, #339bb2 feels refreshing, open, and clear without becoming loud. Its blue-green undertone supports trust and focused communication, making it useful for technology, aerospace, children’s products, and productivity interfaces. Use the hex code as a supporting tone or accent, since broad areas can feel heavy beside bright white. Black text reaches about a 6.5:1 contrast ratio on this shade, enough for WCAG AA body text.
Questions about #339bb2
What is #339bb2 in RGB, HSL and CMYK?
In RGB, #339bb2 is rgb(51, 155, 178), in HSL hsl(191, 55%, 45%) and in CMYK 71%, 13%, 0%, 30%.
Does #339bb2 work well for text and backgrounds?
Black text on #339bb2 provides about a 6.5:1 contrast ratio, meeting WCAG AA for normal body text and making this shade practical for readable interface panels, labels, and larger background areas.
What colors pair well with #339bb2?
#339bb2 pairs well with charcoal for grounded contrast and with warm terracotta for a restrained, energetic accent. Pale sand or soft cream can lighten the palette, while navy creates a more technical combination.
Is #339bb2 readable on white or black?
#339bb2 has a 3.24:1 contrast ratio on white and 6.47: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.