#334666 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue carries a serious and professional weight. Because of its low saturation, #334666 works best as a stabilizing background rather than an accent. It pairs well with soft creams or warm grays to offset its inherent coolness. As a dark hex code, it maintains excellent readability with white text, making it a reliable choice for corporate or finance-focused UI designs.
Questions about #334666
What is #334666 in RGB, HSL and CMYK?
In RGB, #334666 is rgb(51, 70, 102), in HSL hsl(218, 33%, 30%) and in CMYK 50%, 31%, 0%, 60%.
How should I use #334666 in UI design?
#334666 functions best as a stabilizing background or a professional secondary element. Because of its excellent readability with white text, it works reliably for corporate dashboards or finance applications where maintaining focus is more important than vibrancy.
Which colors pair effectively with #334666?
This muted blue balances well against soft creams or warm grays to offset its inherent coolness. For a high-contrast look, pair it with ivory text, or use subtle warm taupe accents to ground the overall palette.
Is #334666 readable on white or black?
#334666 has a 9.50:1 contrast ratio on white and 2.20: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.