#304F63 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dim, unsaturated blue carries a heavy, dusty weight that feels grounded and serious. Because it sits on the cooler end of the spectrum, #304f63 works best as a moody base for tech or security branding rather than an accent. It pairs unexpectedly well with soft peach or copper tones to cut the chill. White text is highly legible against this hex code, ensuring your mixing gray palettes remain accessible.
Questions about #304f63
What is #304f63 in RGB, HSL and CMYK?
In RGB, #304f63 is rgb(48, 79, 99), in HSL hsl(204, 35%, 29%) and in CMYK 52%, 20%, 0%, 61%.
What colors complement the moody feel of #304f63?
Is #304f63 readable on white or black?
#304f63 has a 8.66:1 contrast ratio on white and 2.42: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 is too faint for text. Try other pairs in the contrast checker.