#315566 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Not a bright blue at all. #315566 is a dark, dusty blue with heavy gray undertones, which gives it a guarded, serious feel. It works best as a dominant background in dark UI or moody branding, and white text on it hits about 8:1 contrast, so small body copy stays readable. The hex code for this shade is #315566.
Questions about #315566
What is #315566 in RGB, HSL and CMYK?
In RGB, #315566 is rgb(49, 85, 102), in HSL hsl(199, 35%, 30%) and in CMYK 52%, 17%, 0%, 60%.
What colors pair well with #315566?
Warm, muted tones flatter it most: burgundy, terracotta, or soft sand keep the blue from turning muddy. Against stark white, #315566 can look washed out, so cream or warm gray backgrounds are safer choices.
Does #315566 read warm or cool?
Cool. The blue base with gray undertones keeps it cold and subdued, closer to slate than to a true navy. Expect a reserved, low-energy feel wherever it appears.
Is #315566 readable on white or black?
#315566 has a 8.00:1 contrast ratio on white and 2.62: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.