#3ABBF2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Vivid and high-saturation, #3abbf2 is a sky-leaning blue that reads professional yet approachable. Its brightness makes it an effective accent color for tech interfaces, but it can overwhelm a layout if used as a primary background. Pair it with dark charcoal grays for excellent readability, as black text is highly accessible against this hue. The hex code for this color is #3abbf2.
Questions about #3abbf2
What is #3abbf2 in RGB, HSL and CMYK?
In RGB, #3abbf2 is rgb(58, 187, 242), in HSL hsl(198, 88%, 59%) and in CMYK 76%, 23%, 0%, 5%.
Where should I use #3abbf2 in my design?
Use #3abbf2 as an accent color for interface elements like buttons, icons, or notification badges to draw the user eye. Because of its high saturation, it can easily overpower a layout if used as a large-scale background or primary color.
Is #3abbf2 readable on white or black?
#3abbf2 has a 2.19:1 contrast ratio on white and 9.57: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.