#1A5F7A Hex Color
A serious and professional muted teal
This muted, dusty teal brings a serious and professional weight to any interface. Its desaturated character prevents it from overwhelming a design, making it an excellent choice for large backgrounds or sidebar navigation. Because it offers strong contrast against white, you can use #1a5f7a for readable small text without issue. Pair it with soft cream accents to temper its cool, industrial feel. The hex code for this color is #1a5f7a.
Questions about #1a5f7a
What is #1a5f7a in RGB, HSL and CMYK?
In RGB, #1a5f7a is rgb(26, 95, 122), in HSL hsl(197, 65%, 29%) and in CMYK 79%, 22%, 0%, 52%.
What makes #1a5f7a an effective choice for interface design?
This muted teal maintains high readability against white backgrounds, making it an excellent alternative to standard dark blues for navigation bars or sidebar elements. Its desaturated character avoids overwhelming the screen, offering a professional, grounded look for modern web applications.
Which color combinations work best with #1a5f7a?
Pair #1a5f7a with soft cream or warm off-white tones to balance its cool, industrial undertones and create a welcoming, sophisticated contrast. It also anchors well when placed alongside slate gray or deep charcoal, providing a balanced, readable color palette for professional branding.
Is #1a5f7a readable on white or black?
#1a5f7a has a 7.09:1 contrast ratio on white and 2.96: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.