#7685F7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid periwinkle blue commands attention with its intense, saturated energy. Because it is so bright, it works best as a 10% accent rather than a background color. Pair #7685f7 with charcoal grays or deep teals for a modern, balanced look. The hex code #7685f7 is bold enough for calls to action, and it maintains enough contrast to make black text readable on top.
Questions about #7685f7
What is #7685f7 in RGB, HSL and CMYK?
In RGB, #7685f7 is rgb(118, 133, 247), in HSL hsl(233, 89%, 72%) and in CMYK 52%, 46%, 0%, 3%.
What is the best way to use #7685f7 in web design?
Use #7685f7 sparingly as a 10% accent color for call-to-action buttons or highlights. Because it carries such high saturation, it can quickly overwhelm a user interface if used as a primary background color or text element.
Which colors pair well with #7685f7?
Is #7685f7 readable on white or black?
#7685f7 has a 3.24:1 contrast ratio on white and 6.46: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.