#335465 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue functions as a stable, serious background for professional UI design. Because it maintains an 8.1:1 contrast ratio against white text, legibility remains high. For those curious about mixing gray to achieve this desaturated effect, the hex code #335465 offers a perfect reference point. It pairs best with lighter, cool-toned neutrals rather than high-contrast primaries to maintain a cohesive look.
Questions about #335465
What is #335465 in RGB, HSL and CMYK?
In RGB, #335465 is rgb(51, 84, 101), in HSL hsl(200, 33%, 30%) and in CMYK 50%, 17%, 0%, 60%. Browse more shades of blue with names and hex codes.
What colors pair best with #335465?
Because #335465 is a desaturated, cool-toned blue, it pairs most effectively with lighter, neutral tones like soft grays, off-whites, or muted beiges. Avoid using high-contrast, saturated primaries, which can clash with its calm, professional aesthetic.
Is #335465 readable on white or black?
#335465 has a 8.08:1 contrast ratio on white and 2.59: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.