#6C8EA1 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #6c8ea1 graphic
This dusty, muted blue sits comfortably between slate and steel. Because of its extremely low saturation, #6c8ea1 functions best as a stabilizing base or background color in corporate UI design. It pairs well with charcoal greys or crisp whites, which help prevent it from feeling too muddy. With a 6.0:1 contrast ratio against black, it remains legible and professional for long-form body text.

Questions about #6c8ea1

What is #6c8ea1 in RGB, HSL and CMYK?
In RGB, #6c8ea1 is rgb(108, 142, 161), in HSL hsl(202, 22%, 53%) and in CMYK 33%, 12%, 0%, 37%.
Why does #6c8ea1 work well in corporate UI design?
#6c8ea1 functions as a stabilizing base because its extremely low saturation prevents it from competing with foreground elements. This muted quality allows it to recede visually, ensuring that dark text remains highly legible against the background while maintaining a professional, sophisticated atmosphere.
What colors pair effectively with #6c8ea1?
Pairing #6c8ea1 with deep charcoal or crisp whites prevents the color from appearing muddy or flat. It also balances beautifully against warm, muted tones like sand, which introduces a subtle contrast without breaking the professional, minimalist aesthetic of the design.
Is #6c8ea1 readable on white or black?
#6c8ea1 has a 3.48:1 contrast ratio on white and 6.02: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.