#56BDCA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#56bdca is a cool, unsaturated cyan that brings an airy, refreshing feel to digital interfaces. This hex code works best as a primary background color because black text provides exceptional 9.5:1 contrast against it. While learning how to make gray is helpful for balancing saturation in palettes, this shade remains clean and legible without needing modification for most screen designs.
Questions about #56bdca
What is #56bdca in RGB, HSL and CMYK?
In RGB, #56bdca is rgb(86, 189, 202), in HSL hsl(187, 52%, 56%) and in CMYK 57%, 6%, 0%, 21%. Browse more shades of blue with names and hex codes.
Why is #56bdca effective for UI backgrounds?
This specific cyan offers a high contrast ratio against standard black text, ensuring readability without eye strain. It provides a clean, airy aesthetic that feels modern and professional, making it an ideal choice for primary background elements in app interfaces.
What colors pair well with #56bdca?
This shade works best when balanced against neutral, grounded tones. It creates a harmonious, professional palette when paired with charcoal for text or dark accents, allowing the cyan to remain the primary, refreshing focal point without overwhelming the viewer.
Is #56bdca readable on white or black?
#56bdca has a 2.20:1 contrast ratio on white and 9.52: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.