#5BD6F3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-chroma cyan brings a sharp, electric energy to digital projects. It works effectively as an accent color for UI design, offering high readability with black text. Because of its intensity, it can overpower softer palettes. Use it sparingly to inject freshness into minimalist layouts. The hex code for this color is #5bd6f3, and knowing how to make gray helps balance such vivid, cool tones.
Questions about #5bd6f3
What is #5bd6f3 in RGB, HSL and CMYK?
In RGB, #5bd6f3 is rgb(91, 214, 243), in HSL hsl(191, 86%, 65%) and in CMYK 63%, 12%, 0%, 5%. Browse more shades of blue with names and hex codes.
What colors pair well with the electric #5bd6f3?
This high-chroma cyan balances best against neutral, grounding tones to prevent visual fatigue. It creates a clean, sophisticated look when paired with charcoal or deep slate text, while offering a modern, playful contrast against stark white or very light grays.
Is #5bd6f3 readable on white or black?
#5bd6f3 has a 1.69:1 contrast ratio on white and 12.35: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.