#334154 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#334154 is a dark, muted blue-gray with low saturation and a matte, slate-like finish. Its restrained depth suggests seriousness, reliability, and control, making it effective for finance, technology, government, and security interfaces. Use it as a supporting tone or dark UI background, paired with off-white or muted amber. The hex code #334154 supports clear white body text at about 10.4:1 contrast.
Questions about #334154
What is #334154 in RGB, HSL and CMYK?
In RGB, #334154 is rgb(51, 65, 84), in HSL hsl(215, 24%, 26%) and in CMYK 39%, 23%, 0%, 67%.
What colors pair well with #334154?
#334154 pairs well with off-white, pale gray, and muted amber because these lighter, restrained colors soften its cool slate character while preserving a controlled, professional feel in interface palettes and editorial layouts. Use warmer accents sparingly to create focus.
Is #334154 a warm or cool color?
#334154 reads as a cool blue-gray because its blue undertone outweighs its muted saturation, giving the shade a restrained, slate-like appearance rather than a warm or earthy one when placed beside warmer neutrals. It works well for focused, serious interfaces.
Is #334154 readable on white or black?
#334154 has a 10.37:1 contrast ratio on white and 2.02: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.