#1DA1F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy blue commands attention without feeling aggressive. The hex code #1da1f2 works best as a punchy accent color for calls to action, where it cuts through neutral layouts with clarity. Because it maintains strong contrast against black text, it functions reliably in interface design. Pair it with soft grays or white to keep the intensity balanced and prevent the palette from becoming overwhelming.
Questions about #1da1f2
What is #1da1f2 in RGB, HSL and CMYK?
In RGB, #1da1f2 is rgb(29, 161, 242), in HSL hsl(203, 89%, 53%) and in CMYK 88%, 33%, 0%, 5%.
Why does #1da1f2 work well for call to action buttons?
This vibrant blue naturally grabs visual attention, ensuring users spot interactive elements immediately against neutral backgrounds. Its high saturation provides the necessary contrast for accessibility and readability, making it a reliable choice for buttons that need to stand out without feeling aggressive.
What neutral colors complement #1da1f2?
Pair #1da1f2 with cool charcoal or crisp whites to keep the interface balanced and prevent visual fatigue. These neutral tones allow the intensity of the blue to pop without overwhelming the rest of the layout, creating a clean, modern aesthetic for web applications.
Is #1da1f2 readable on white or black?
#1da1f2 has a 2.82:1 contrast ratio on white and 7.43:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.