#5CCCFD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This sparkling, high-saturation blue brings a fresh, cool energy to digital interfaces. Because #5cccfd is bright and energetic, it works best as an accent color rather than a dominant background. Pair it with deep charcoals to make the blue pop without straining the eye. The hex code #5cccfd offers excellent contrast for black text, ensuring readability in small, functional UI elements.
Questions about #5cccfd
What is #5cccfd in RGB, HSL and CMYK?
In RGB, #5cccfd is rgb(92, 204, 253), in HSL hsl(198, 98%, 68%) and in CMYK 64%, 19%, 0%, 1%. Browse more shades of blue with names and hex codes.
Where should I use #5cccfd in a digital interface?
#5cccfd works best as a functional accent color, such as for call-to-action buttons, notification badges, or highlighting interactive elements. Because it is so energetic and bright, avoid using it for large background areas or extensive text blocks, which can quickly overwhelm the viewer's eye.
What colors pair well with #5cccfd?
This blue creates the most balanced, professional look when paired with deep, neutral tones like charcoal or slate gray. These dark, muted shades ground the intensity of #5cccfd, allowing the blue to pop while maintaining excellent contrast and readability for your UI design.
Is #5cccfd readable on white or black?
#5cccfd has a 1.82:1 contrast ratio on white and 11.51: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.