#6896D3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, cool blue brings a sense of stability to tech or finance interfaces. The hex code for this shade is #6896d3. Because it offers strong contrast against black, it functions well as a readable background or a reliable call-to-action button. Pair it with soft grays to maintain a clean, professional character without overwhelming your layout.
Questions about #6896d3
What is #6896d3 in RGB, HSL and CMYK?
In RGB, #6896d3 is rgb(104, 150, 211), in HSL hsl(214, 55%, 62%) and in CMYK 51%, 29%, 0%, 17%.
Where should I use #6896d3 in a web interface?
#6896d3 excels as a primary call-to-action button color or a navigational element because its muted nature feels professional rather than aggressive. Pair it with dark charcoal text to ensure high readability and a clean, trustworthy aesthetic.
Is #6896d3 readable on white or black?
#6896d3 has a 3.04:1 contrast ratio on white and 6.89: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.