#688EF7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy blue commands attention without feeling aggressive. Its bright chroma makes it a strong choice for UI accents or primary calls to action where readability is key. Pair #688ef7 with dark gray text for an accessible, professional interface. Because of its intensity, use it sparingly as a highlight rather than a large background fill. The hex code for this cool tone is #688ef7.
Questions about #688ef7
What is #688ef7 in RGB, HSL and CMYK?
In RGB, #688ef7 is rgb(104, 142, 247), in HSL hsl(224, 90%, 69%) and in CMYK 58%, 43%, 0%, 3%.
How should I use #688ef7 in a user interface?
#688ef7 is best used as a strategic accent color for primary buttons or status indicators rather than a large background fill. Its high chroma creates a strong focal point, so pair it with dark charcoal text to ensure readability meets accessibility standards.
What colors pair well with #688ef7?
You can create a balanced palette by pairing #688ef7 with neutral grays or contrasting warm tones like a soft terracotta. For a monochromatic scheme, utilize its lighter tints for subtle background elements while keeping the base color for active interactive components.
Is #688ef7 readable on white or black?
#688ef7 has a 3.08:1 contrast ratio on white and 6.80: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.