#2BAEE2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid, high-saturation cyan sits firmly on the cool end of the spectrum. Because of its intensity, #2baee2 works best as an accent color for interface buttons or data visualization rather than a full background. It pairs cleanly with stark white or dark charcoal for high-contrast accessibility. The hex code for this electric blue is #2baee2.
Questions about #2baee2
What is #2baee2 in RGB, HSL and CMYK?
In RGB, #2baee2 is rgb(43, 174, 226), in HSL hsl(197, 76%, 53%) and in CMYK 81%, 23%, 0%, 11%.
How should I use #2baee2 effectively in a web design?
#2baee2 is an intense, high-saturation color best reserved for small, intentional elements like call-to-action buttons or data chart highlights. Avoid using it as a large background fill, as its brightness can quickly become overwhelming for users during extended viewing periods.
Which color combinations work well with #2baee2?
This electric cyan looks crisp when paired against neutral foundations, particularly dark charcoal or stark white for maximum legibility. You can also experiment with soft, muted grays to let the #2baee2 pop without overwhelming your layout's hierarchy.
Is #2baee2 readable on white or black?
#2baee2 has a 2.54:1 contrast ratio on white and 8.25: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.