#6B8BF6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vibrant periwinkle tone commands attention without feeling aggressive. Because it is highly saturated, #6b8bf6 works best as a bold accent color for calls to action or UI highlights rather than a full background. It pairs well with charcoal grays for a modern, tech-focused look. Since it offers strong contrast, you can use black text over it while maintaining accessibility standards. The hex code is #6b8bf6.
Questions about #6b8bf6
What is #6b8bf6 in RGB, HSL and CMYK?
In RGB, #6b8bf6 is rgb(107, 139, 246), in HSL hsl(226, 89%, 69%) and in CMYK 57%, 43%, 0%, 4%.
How should I use #6b8bf6 in a user interface?
#6b8bf6 functions best as a focused accent color for call to action buttons or active states rather than a background. Its high saturation commands attention, ensuring that your most important interactive elements remain visible to the user.
What colors pair well with #6b8bf6?
Pair #6b8bf6 with charcoal or deep slate grays to create a clean, modern aesthetic for tech-focused projects. Using darker, neutral backgrounds allows this vibrant periwinkle to pop without overwhelming the overall balance of your design.
Is #6b8bf6 readable on white or black?
#6b8bf6 has a 3.15:1 contrast ratio on white and 6.64: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.