#3FD8F6 Hex Color

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

Hex color #3fd8f6 graphic
Bright and energetic, #3fd8f6 functions as a high-saturation sky blue. Its intensity makes it ideal for user interface accents or branding for technology, rather than large background areas. Use it sparingly to maintain balance in a design layout. Since black text provides excellent 12.4:1 contrast, fine details remain sharp and readable. The hex code for this vibrant cyan is #3fd8f6.

Questions about #3fd8f6

What is #3fd8f6 in RGB, HSL and CMYK?
In RGB, #3fd8f6 is rgb(63, 216, 246), in HSL hsl(190, 91%, 61%) and in CMYK 74%, 12%, 0%, 4%.
What works well with #3fd8f6 for design?
Because #3fd8f6 is so high-saturation, it functions best as a bright pop against neutral backdrops. Pair it with charcoal or deep slate to anchor the energy without overwhelming your users, keeping the interface readable and balanced.
Is #3fd8f6 suitable for UI text?
Using #3fd8f6 for body text is generally not recommended as its brightness can strain the eyes over long periods. Instead, use it for buttons, hover states, or small iconography where its intensity can guide user attention effectively.
Is #3fd8f6 readable on white or black?
#3fd8f6 has a 1.69:1 contrast ratio on white and 12.36: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.