#2886E6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#2886e6 is a bold, high-energy blue that commands attention. Because of its intensity, it functions best as an accent or a call to action rather than a background. It pairs cleanly with white, or you can use it to add punch to neutral palettes if you are wondering about how to make gray. With a 5.6:1 contrast ratio against black text, it offers excellent readability for UI buttons.
Questions about #2886e6
What is #2886e6 in RGB, HSL and CMYK?
In RGB, #2886e6 is rgb(40, 134, 230), in HSL hsl(210, 79%, 53%) and in CMYK 83%, 42%, 0%, 10%.
Is #2886e6 suitable for user interface buttons?
#2886e6 is an excellent choice for primary buttons and calls to action because it commands immediate attention. Its 5.6:1 contrast ratio against black text ensures high readability for digital interfaces, making it a reliable, accessible option for modern web design projects.
What colors pair well with #2886e6?
This vibrant blue pairs cleanly with crisp white for a modern, tech-focused look, or it can be balanced against charcoal to ground its intensity. Using it alongside neutral grays helps the color pop without overwhelming the rest of your design layout.
Is #2886e6 readable on white or black?
#2886e6 has a 3.72:1 contrast ratio on white and 5.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.