#64748B Hex Color
Professional and steady ashy blue tone
This desaturated, ashy blue provides a professional, understated feel for corporate UI elements. Because it maintains a balanced brightness, white text remains readable against this background. The hex code #64748b works best as a supporting tone rather than a dominant color, preventing the shade from appearing washed out in large, open spaces.
Questions about #64748b
What is #64748b in RGB, HSL and CMYK?
In RGB, #64748b is rgb(100, 116, 139), in HSL hsl(215, 16%, 47%) and in CMYK 28%, 17%, 0%, 45%.
Is #64748b considered a cool or warm blue?
#64748b is a cool, desaturated blue with strong gray undertones that prevent it from feeling overly vibrant. Because of this neutrality, it acts as a stabilizing element that pulls back from the intensity of brighter primary blues.
What UI elements work best with the #64748b color?
#64748b works exceptionally well for supporting UI elements like secondary buttons, borders, or muted navigation bars. It provides enough contrast to be readable without competing for attention against primary brand colors or important call-to-action buttons.
Is #64748b readable on white or black?
#64748b has a 4.75:1 contrast ratio on white and 4.41: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.