#6687FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bright, loud blue with a cool edge. The hex code #6687ff carries enough saturation to work as a bold accent on buttons and calls to action, though it can wash out against plain white. Black text hits about 6.5:1 contrast on it, enough for AA body copy. Pair it with warm coral or deep navy instead of safe grays.
Questions about #6687ff
What is #6687ff in RGB, HSL and CMYK?
In RGB, #6687ff is rgb(102, 135, 255), in HSL hsl(227, 100%, 70%) and in CMYK 60%, 47%, 0%, 0%.
What colors pair well with #6687ff?
Warm coral and deep navy both sharpen #6687ff, since their contrast in temperature and depth keeps it from feeling flat. For a quieter palette, try charcoal with a touch of soft cream.
Is #6687ff readable on white or black?
#6687ff has a 3.24:1 contrast ratio on white and 6.47: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.