#5FCDFC Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5fcdfc graphic
This bright, high-chroma cyan brings an immediate freshness to digital interfaces. Because #5fcdfc is so vivid and light, it works best as an accent color to highlight UI elements rather than as a dominant background. It pairs well with deep charcoal or navy to create striking contrast. The hex code for this cool tone is #5fcdfc, which offers excellent readability when used with black text.

Questions about #5fcdfc

What is #5fcdfc in RGB, HSL and CMYK?
In RGB, #5fcdfc is rgb(95, 205, 252), in HSL hsl(198, 96%, 68%) and in CMYK 62%, 19%, 0%, 1%.
When should I use #5fcdfc in web design?
Because #5fcdfc is extremely vivid and light, it works most effectively as an accent color for buttons, call-to-action elements, or iconography. Avoid using it as a primary background color, as its brightness can fatigue the eyes over extended viewing periods.
Which colors pair best with #5fcdfc for a balanced scheme?
This cyan creates the strongest contrast when paired with charcoal or deep navy tones. Using these darker neutrals allows the high chroma of #5fcdfc to pop without overwhelming the layout, maintaining excellent readability while keeping the design aesthetic modern and clean.
Is #5fcdfc readable on white or black?
#5fcdfc has a 1.80:1 contrast ratio on white and 11.62: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.