#336490 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, dusty blue carries a serious and reliable weight. Because of its muted tone, #336490 works well as a grounding background color for professional tech or finance interfaces. It offers enough contrast for readable white body text, though it can feel slightly dull if used alone. Pair it with crisp cream accents to prevent the overall design from feeling too cold or gloomy.
Questions about #336490
What is #336490 in RGB, HSL and CMYK?
In RGB, #336490 is rgb(51, 100, 144), in HSL hsl(208, 48%, 38%) and in CMYK 65%, 31%, 0%, 44%.
What colors pair best with #336490?
Is #336490 readable on white or black?
#336490 has a 6.23:1 contrast ratio on white and 3.36: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.