#3BDBE3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy cyan carries a refreshing, sparkling quality that cuts through standard layouts. With strong saturation, #3bdbe3 functions best as a pop of color for UI accents or buttons rather than a dominant base. It pairs surprisingly well with deep charcoals, as learning what colors make gray helps balance its intensity. Black text maintains high legibility against this hex code, ensuring your call-to-actions remain sharp and readable.
Questions about #3bdbe3
What is #3bdbe3 in RGB, HSL and CMYK?
In RGB, #3bdbe3 is rgb(59, 219, 227), in HSL hsl(183, 75%, 56%) and in CMYK 74%, 4%, 0%, 11%.
Does #3bdbe3 work well with dark themes?
Yes, #3bdbe3 provides a sharp, high-contrast pop against dark backgrounds like charcoal or deep navy. It maintains excellent legibility for buttons and UI accents where you need a strong, refreshing focal point that grabs user attention immediately.
How should I use #3bdbe3 in UI design?
Use #3bdbe3 sparingly as an accent color for primary call-to-action buttons or status indicators. Its high saturation can overwhelm a layout if used as a primary base, so keep it for interactive elements that require high visibility and user engagement.
Is #3bdbe3 readable on white or black?
#3bdbe3 has a 1.68:1 contrast ratio on white and 12.42: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.