#676A6C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#676a6c is a muted, mid-dark grey with a subtle cool, blue-leaning undertone. Its low saturation gives layouts a restrained, practical feel without the starkness of black. Use this hex code as a supporting tone in interfaces, typography, product design, or architectural palettes. White text reaches about 5.4:1 contrast, enough for WCAG AA body text.
Questions about #676a6c
What is #676a6c in RGB, HSL and CMYK?
In RGB, #676a6c is rgb(103, 106, 108), in HSL hsl(204, 2%, 41%) and in CMYK 5%, 2%, 0%, 58%.
What colors pair well with #676a6c?
#676a6c pairs well with warm off-white, muted terracotta, and deep navy, which add contrast without making the palette feel harsh. Use terracotta for a small accent and off-white for surrounding space.
Is #676a6c readable on white or black?
#676a6c has a 5.44:1 contrast ratio on white and 3.85: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.