#1BCBD4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright cyan carries high luminosity and cool, electric undertones. Rather than using #1bcbd4 as a dominant background, it shines as an accent color for interface elements or call-to-action buttons. It pairs well with slate gray to temper its intensity. Because black text offers high readability against this shade, it remains a smart choice for bold, accessible digital designs. The hex code is #1bcbd4.
Questions about #1bcbd4
What is #1bcbd4 in RGB, HSL and CMYK?
In RGB, #1bcbd4 is rgb(27, 203, 212), in HSL hsl(183, 77%, 47%) and in CMYK 87%, 4%, 0%, 17%.
What color works best for text against #1bcbd4?
Black text creates the most reliable contrast when paired with #1bcbd4 for accessibility. This combination ensures high readability for interface buttons or UI elements, as the luminosity of the cyan provides a crisp, punchy background that makes dark typography stand out clearly.
Is #1bcbd4 suitable for large backgrounds?
Because of its high intensity and electric character, #1bcbd4 often overwhelms as a full-page background. It works significantly better as an accent color for smaller design elements, such as navigation highlights, active states, or call-to-action buttons, where it can provide a sharp visual pop.
Is #1bcbd4 readable on white or black?
#1bcbd4 has a 1.99:1 contrast ratio on white and 10.53: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.