#306EDB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A saturated, beaming azure that carries real punch. The hex code #306edb reads energetic yet dependable, which is why it shows up in calls to action, links, and finance or healthcare branding. Best as a supporting tone or accent, since full-page coverage can feel loud. White text on it hits about 4.8:1 contrast, enough for small body copy.
Questions about #306edb
What is #306edb in RGB, HSL and CMYK?
In RGB, #306edb is rgb(48, 110, 219), in HSL hsl(218, 70%, 52%) and in CMYK 78%, 50%, 0%, 14%.
What colors pair well with #306edb?
Warm coral or amber creates a high-energy complementary pairing, while soft cream and slate gray keep it calmer. Coral works well when #306edb is the dominant brand color and you need a strong accent.
Is #306edb readable on white or black?
#306edb has a 4.79:1 contrast ratio on white and 4.37:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.