#7A8699 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, ashy blue carries a muted, grey character that feels professional and understated. The hex code #7a8699 works best as a neutral UI background or supporting element in corporate branding. It offers a 5.7:1 contrast ratio against black, making it highly readable for small body text. Pair this shade with warm, soft whites to avoid a washed-out appearance in your final composition.
Questions about #7a8699
What is #7a8699 in RGB, HSL and CMYK?
In RGB, #7a8699 is rgb(122, 134, 153), in HSL hsl(217, 13%, 54%) and in CMYK 20%, 12%, 0%, 40%.
What colors pair well with #7a8699?
#7a8699 performs best when grounded by clean, warm whites or soft creams to prevent it from looking flat. For a high-contrast corporate palette, try pairing this shade with charcoal or deep navy, as these colors anchor its muted character effectively.
How should #7a8699 be used in UI design?
Use #7a8699 as a versatile neutral for UI elements like sidebars, secondary backgrounds, or muted accents in professional branding. Its reliable 5.7:1 contrast ratio against black ensures that text remains legible even when used at smaller, refined font sizes.
Is #7a8699 readable on white or black?
#7a8699 has a 3.68:1 contrast ratio on white and 5.69: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.