#344D56 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Frequently Asked Questions
Does #344d56 provide good contrast with white text?
Iron Head #344d56 gives white text about a 9:1 contrast ratio, comfortably meeting WCAG AA for normal text and making it useful as a dark UI background in accessible layouts. Black text has low contrast and should generally be avoided.
What colors pair well with Iron Head #344d56?
Iron Head #344d56 pairs well with terracotta, warm cream, and muted gold, adding gentle warmth against its cool gray undertones while preserving a grounded feel in interfaces, branding, and editorial layouts. White and pale blue create a cleaner, cooler direction.
Does Iron Head #344d56 read as warm or cool?
Iron Head #344d56 reads as a cool color because its cyan-blue base outweighs its gray, while muted saturation softens the chill and gives it a smoky, balanced appearance in most palettes.
Where does #344d56 work best in a design?
Iron Head #344d56 works best as a supporting tone, dark background, or navigation color in technology, aerospace, and moody interface designs, where its low saturation adds seriousness without overwhelming brighter accents.