#306BB3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This isn’t a bright or icy blue. #306bb3 is a muted, medium-dark blue with a steady, corporate feel. Its low saturation keeps it calm, which suits finance and healthcare branding. White text passes AA on it at about 5.4:1 contrast, so it works as a button or header background. Dial the saturation down and it drifts toward gray, which is why it pairs easily with neutral palettes.
Questions about #306bb3
What is #306bb3 in RGB, HSL and CMYK?
In RGB, #306bb3 is rgb(48, 107, 179), in HSL hsl(213, 58%, 45%) and in CMYK 73%, 40%, 0%, 30%.
What colors pair well with #306bb3?
Warm sand and soft coral keep #306bb3 from reading flat, while cream backgrounds let it work comfortably as a primary UI color. Bright cyan next to it tends to wash it out, so keep nearby blues darker.
Is #306bb3 readable on white or black?
#306bb3 has a 5.41:1 contrast ratio on white and 3.87: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.