#2BBDFD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-chroma cyan commands attention with its electric, neon brightness. Because of its intense saturation, #2bbdfd works best as a 10% accent color for UI calls-to-action rather than a large background. It pairs effectively with dark charcoal grays to create a modern, high-contrast aesthetic. While bold, this shade maintains excellent accessibility for black text, ensuring that fine details remain crisp and readable in digital layouts.
Questions about #2bbdfd
What is #2bbdfd in RGB, HSL and CMYK?
In RGB, #2bbdfd is rgb(43, 189, 253), in HSL hsl(198, 98%, 58%) and in CMYK 83%, 25%, 0%, 1%.
How should I use #2bbdfd in a professional interface?
Apply #2bbdfd sparingly as a 10% accent color to highlight primary call-to-action buttons or notifications. Because of its extreme saturation, it will quickly overwhelm a layout if used as a primary background or dominant element.
What colors pair well with the neon #2bbdfd?
This neon cyan creates a sophisticated, modern aesthetic when paired with deep charcoal or dark navy grays. These dark neutral backdrops ground the electric brightness, allowing the cyan to pop without causing visual fatigue for the user.
Is #2bbdfd readable on white or black?
#2bbdfd has a 2.14:1 contrast ratio on white and 9.80: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.