#696C89 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted indigo offers a somber, understated alternative to standard blues. Because it is highly desaturated, #696c89 works best as a calm background color for UI design rather than a primary branding element. It provides sufficient contrast for small, white body text. Pair it with soft creams or warm grays to prevent it from feeling too gloomy or flat in your layouts.
Questions about #696c89
What is #696c89 in RGB, HSL and CMYK?
In RGB, #696c89 is rgb(105, 108, 137), in HSL hsl(234, 13%, 47%) and in CMYK 23%, 21%, 0%, 46%.
What colors pair well with #696c89 in a palette?
Does #696c89 work well as a primary text color?
Using #696c89 for primary body text is generally risky because the contrast ratio against pure white may fall below standard accessibility guidelines. It is far more effective as a background fill, an accent for UI components, or a muted header color.
Is #696c89 readable on white or black?
#696c89 has a 5.11:1 contrast ratio on white and 4.10: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.