#6F96EE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool blue provides high legibility for UI text and buttons, maintaining a strong 7.3:1 contrast ratio against black. The hex code #6f96ee works well as a reliable accent color for tech interfaces rather than a large background, where it might feel too airy. Pair this shade with deep charcoal or warm slate to anchor its breezy character in your layout.
Questions about #6f96ee
What is #6f96ee in RGB, HSL and CMYK?
In RGB, #6f96ee is rgb(111, 150, 238), in HSL hsl(222, 79%, 68%) and in CMYK 53%, 37%, 0%, 7%.
Why is #6f96ee effective for UI design?
#6f96ee balances a cool, professional aesthetic with high readability against dark backgrounds. Its unsaturated quality prevents it from being visually fatiguing, making it an ideal choice for primary buttons or status indicators in modern software interfaces.
What colors pair well with #6f96ee?
This blue anchors well when paired with deep charcoal or slate grays to emphasize its cool undertones. For a more vibrant contrast, use warm, muted oranges or soft terracottas to balance the breezy, airy character of this specific blue.
Is #6f96ee readable on white or black?
#6f96ee has a 2.88:1 contrast ratio on white and 7.27:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.