#718D93 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty blue-grey reads as a matte, ashy tone. Because of its low saturation, #718d93 works best as a neutral background rather than a main accent. Pair it with warm cream or charcoal to avoid it looking too muddy. The hex code #718d93 supports small body text well when paired with black, making it a reliable choice for clean UI design and technical interfaces.
Questions about #718d93
What is #718d93 in RGB, HSL and CMYK?
In RGB, #718d93 is rgb(113, 141, 147), in HSL hsl(191, 14%, 51%) and in CMYK 23%, 4%, 0%, 42%.
What colors pair well with the blue-grey of #718d93?
This hue works best with high-contrast neutrals to prevent the design from feeling muddy. Pair #718d93 with crisp charcoal for text to maintain readability, or use warm, creamy off-whites to balance the cool, dusty nature of the grey.
Does #718d93 work well for UI text?
The moderate saturation of #718d93 makes it a reliable choice for UI elements, but it is often too light to serve as primary body text on a white background. Use it for secondary headers or muted backgrounds instead.
Is #718d93 readable on white or black?
#718d93 has a 3.53:1 contrast ratio on white and 5.93:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.