#306BA5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With a cool, muted character, #306ba5 functions as a steady base for corporate and technical interfaces. It carries enough weight to support small body text against a white background while maintaining professional readability. Because it is desaturated, it leans toward a slate aesthetic; understanding what colors make gray helps designers balance its slight industrial intensity in complex layouts.
Questions about #306ba5
What is #306ba5 in RGB, HSL and CMYK?
In RGB, #306ba5 is rgb(48, 107, 165), in HSL hsl(210, 55%, 42%) and in CMYK 71%, 35%, 0%, 35%.
What design aesthetic works best with #306ba5?
#306ba5 works best in technical or corporate interfaces where clarity and restraint are prioritized. Its desaturated nature makes it an excellent anchor for professional layouts, pairing naturally with neutral tones like slate or crisp white to maintain high readability.
Is #306ba5 readable on white or black?
#306ba5 has a 5.56:1 contrast ratio on white and 3.77: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.