#3EBBF9 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #3ebbf9 graphic
This bright sky blue is saturated and crisp, making it an excellent choice for modern user interfaces and tech branding. Because of its high visibility, #3ebbf9 works best as an accent color for buttons or active states rather than a dominant background. It provides a sharp contrast for black text, though you might consider mixing gray to soften surrounding elements if the contrast feels too harsh.

Questions about #3ebbf9

What is #3ebbf9 in RGB, HSL and CMYK?
In RGB, #3ebbf9 is rgb(62, 187, 249), in HSL hsl(200, 94%, 61%) and in CMYK 75%, 25%, 0%, 2%.
How should #3ebbf9 be used in UI design?
Use #3ebbf9 primarily as a high-visibility accent color for buttons or active states rather than a dominant background. Its intense saturation makes it grab attention quickly, but it can overwhelm a layout if used across large, non-interactive areas.
Which colors pair well with #3ebbf9?
This bright blue creates a clean, modern aesthetic when paired with a deep charcoal or dark gray for text. For a more vibrant palette, it works alongside soft whites or contrasting warm orange tones to balance the cool, electric energy.
Is #3ebbf9 readable on white or black?
#3ebbf9 has a 2.16:1 contrast ratio on white and 9.68: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.