#4BD8E8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This sparkling, high-saturation cyan brings a fresh, electrified feel to any interface. Because #4bd8e8 is so bright, it works best as a punchy accent color rather than a primary background, which can overwhelm the eye. It pairs unexpectedly well with deep charcoal or muted violet for a modern tech aesthetic. Black text provides excellent legibility against this hue, making it accessible for UI elements.
Questions about #4bd8e8
What is #4bd8e8 in RGB, HSL and CMYK?
In RGB, #4bd8e8 is rgb(75, 216, 232), in HSL hsl(186, 77%, 60%) and in CMYK 68%, 7%, 0%, 9%.
How should I use #4bd8e8 in a user interface?
#4bd8e8 functions best as a focused accent color rather than a primary background because its high luminosity can quickly fatigue the eye. Reserve this hue for call-to-action buttons, status indicators, or small iconography to maximize its punchy visual impact.
What colors pair best with #4bd8e8?
This vibrant cyan balances well against deep neutral tones like charcoal or matte black, which ground the color and improve readability. For a more sophisticated or softer aesthetic, pairing it with muted violet creates an engaging, high-contrast tech look.
Is #4bd8e8 readable on white or black?
#4bd8e8 has a 1.70:1 contrast ratio on white and 12.28: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.