#56BEC4 Hex Color

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

Hex color #56bec4 graphic
This cyan shade balances a cool temperature with a desaturated, pastel quality. Because it is light and airy, #56bec4 works effectively as a background or supporting tone for tech and lifestyle brands. It provides excellent contrast for black text, though it can appear washed out if paired with very bright whites. If you need a more muted tone for your project, learn how to make gray for better balancing.

Questions about #56bec4

What is #56bec4 in RGB, HSL and CMYK?
In RGB, #56bec4 is rgb(86, 190, 196), in HSL hsl(183, 48%, 55%) and in CMYK 56%, 3%, 0%, 23%. Browse more shades of blue with names and hex codes.
What colors pair well with #56bec4 in a web design?
This light cyan pairs effectively with deep charcoal text for high-contrast accessibility or soft slate grays to maintain a breezy, monochromatic feel. Avoid pairing it with high-intensity whites, as the saturation difference can cause the color to appear washed out and difficult to read.
Does #56bec4 read as a warm or cool color?
#56bec4 is definitively a cool-toned color because of its strong blue and green undertones. It evokes a refreshing, aquatic sensation that typically feels calm and detached rather than energetic or aggressive, making it excellent for wellness or minimalist software applications.
Is #56bec4 readable on white or black?
#56bec4 has a 2.19:1 contrast ratio on white and 9.55: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.