#309ECB Hex Color

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

Hex color #309ecb graphic
#309ecb is a cool, medium-light blue with a slightly cyan undertone and moderate saturation. Its clear but restrained color supports trust, reliability, and calm control in technology, finance, healthcare, and security layouts. Use it as a supporting tone or strong accent; black text reaches about 6.9:1 contrast, meeting WCAG AA for body text.

Questions about #309ecb

What is #309ecb in RGB, HSL and CMYK?
In RGB, #309ecb is rgb(48, 158, 203), in HSL hsl(197, 62%, 49%) and in CMYK 76%, 22%, 0%, 20%. Browse more shades of blue with names and hex codes.
What colors pair well with #309ecb?
Pair #309ecb with charcoal, warm white, or muted terracotta for grounded contrast; navy can make the palette feel too cold and close in value. These combinations keep its cyan undertone clear while adding warmth or readable depth.
Is #309ecb readable on white or black?
#309ecb has a 3.05:1 contrast ratio on white and 6.87: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.