#2686FF Hex Color
Energetic and vivid electric blue accent
This electric, high-saturation blue commands attention. Because it is so loud, #2686ff works best as a 10% accent color for calls to action or UI highlights rather than a large background. It pairs cleanly with stark whites for a modern, tech-forward look. The hex code for this vivid shade is #2686ff, which offers sufficient contrast for legible black text overlays.
Questions about #2686ff
What is #2686ff in RGB, HSL and CMYK?
In RGB, #2686ff is rgb(38, 134, 255), in HSL hsl(213, 100%, 57%) and in CMYK 85%, 47%, 0%, 0%.
How should I use #2686ff in a web design interface?
Use #2686ff as a focused 10 percent accent for primary calls to action or interactive UI elements rather than as a large background fill. Its intensity demands attention, so it pairs effectively with clean white or light gray surfaces for a modern, tech-focused aesthetic.
What text color works best against a #2686ff background?
High-contrast black or dark text is required to ensure readability against this vivid blue shade. Because the color is so saturated, placing light or white text directly over #2686ff will significantly strain the eyes and fail standard accessibility guidelines for web design.
Is #2686ff readable on white or black?
#2686ff has a 3.53:1 contrast ratio on white and 5.93: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.