#334C51 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted cyan sits between blue and green with a heavy grey undertone. Because it is dark and serious, #334c51 works best as a moody base for tech or productivity UI designs. It maintains enough contrast for small body text when paired with white, though it can appear dull if used in excess. The hex code for this shade is #334c51.
Questions about #334c51
What is #334c51 in RGB, HSL and CMYK?
In RGB, #334c51 is rgb(51, 76, 81), in HSL hsl(190, 23%, 26%) and in CMYK 37%, 6%, 0%, 68%.
How can #334c51 be effectively used in UI design?
Use #334c51 as a grounding base for productivity apps or tech interfaces where you need professional seriousness without the harshness of pure black. It maintains strong readability against white text, making it ideal for navigation bars, sidebar backgrounds, or secondary headers.
What colors pair well with #334c51?
This color thrives when balanced by crisp, warm neutrals or sharp highlights. Pair #334c51 with cream or warm beige to counteract its cool, grey undertones, or use bright coral as a vibrant accent color to add necessary energy to the design.
Is #334c51 readable on white or black?
#334c51 has a 9.15:1 contrast ratio on white and 2.29: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.