#1877F2 Hex Color
A high-intensity, bold tech blue
This saturated, high-intensity blue demands attention. Because of its extreme brightness, #1877f2 functions best as a 10 percent accent or a button color rather than a primary background. It pairs exceptionally well with stark whites for a clean, professional aesthetic. While readable with black text, use it sparingly to avoid overwhelming your layout. The hex code for this bold, technology-driven shade is #1877f2.
Questions about #1877f2
What is #1877f2 in RGB, HSL and CMYK?
In RGB, #1877f2 is rgb(24, 119, 242), in HSL hsl(214, 89%, 52%) and in CMYK 90%, 51%, 0%, 5%.
How can I effectively use #1877f2 in a UI design?
#1877f2 functions best as a high-impact accent, such as for primary action buttons or call-to-action links. Because of its extreme saturation, avoid using it as a large background block, which can cause visual strain and fatigue.
What colors pair well with #1877f2?
This bright blue pairs exceptionally well with stark whites or light gray shades for a clean, professional aesthetic. For a more sophisticated contrast, try balancing its intensity with a neutral charcoal or dark navy to ground the vibrancy.
Is #1877f2 readable on white or black?
#1877f2 has a 4.23:1 contrast ratio on white and 4.95: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.