#8CE4FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, unsaturated cyan brings a fresh, airy quality to UI designs. Because #8ce4ff is highly legible against black text, it functions well for call-to-action buttons or accent elements. Avoid using it as a full-page background, as its high luminosity can strain the eyes. Pair it with deep charcoal or slate greys to anchor its ethereal, pastel character without letting it wash out.
Questions about #8ce4ff
What is #8ce4ff in RGB, HSL and CMYK?
In RGB, #8ce4ff is rgb(140, 228, 255), in HSL hsl(194, 100%, 77%) and in CMYK 45%, 11%, 0%, 0%. Browse more shades of blue with names and hex codes.
What colors pair best with #8ce4ff in interface design?
The most effective pairings for #8ce4ff involve using high-contrast dark neutrals like charcoal or slate grey to ground the color. Because this cyan is quite luminous, these deep tones provide the necessary visual anchor to prevent the interface from looking washed out or flat.
Why should #8ce4ff be avoided as a full-page background?
Using #8ce4ff as a primary background often causes eye strain due to its high luminosity and lack of saturation. If you need a light blue background, it is safer to use a desaturated tint or restrict this specific shade to small, purposeful UI elements like buttons.
Is #8ce4ff readable on white or black?
#8ce4ff has a 1.43:1 contrast ratio on white and 14.65: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.