#696664 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#696664 is a mid grey with a faint warm cast, sitting between charcoal and taupe. Its low saturation keeps it calm and neutral, which suits UI backgrounds, typography, and minimal product design. White text passes AA contrast on top of it at about 5.7:1, so it works behind small body copy. Pair it with muted terracotta or dusty blue to keep the palette from feeling flat.
Questions about #696664
What is #696664 in RGB, HSL and CMYK?
In RGB, #696664 is rgb(105, 102, 100), in HSL hsl(24, 2%, 40%) and in CMYK 0%, 3%, 5%, 59%.
What colors pair well with #696664?
Dusty blue and muted terracotta both bring out its faint warm undertone without clashing. For a quieter palette, keep it with off-whites and paler greys so #696664 stays the anchor.
Is #696664 readable on white or black?
#696664 has a 5.69:1 contrast ratio on white and 3.68: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.