#56A4BA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated cyan carries a cooling, airy presence that works well for tech interfaces or communication-focused branding. Because it maintains strong contrast with black text, it functions effectively as a base or supporting tone in UI design. Use it alongside muted charcoal or warm grays to avoid a washed-out look. The hex code for this cyan shade is #56a4ba.
Questions about #56a4ba
What is #56a4ba in RGB, HSL and CMYK?
In RGB, #56a4ba is rgb(86, 164, 186), in HSL hsl(193, 42%, 53%) and in CMYK 54%, 12%, 0%, 27%.
What colors pair best with #56a4ba for professional design?
Use #56a4ba alongside deep neutral tones like charcoal or slate gray to ground the airy nature of the cyan. Adding a hint of soft warm gray helps balance the cooler temperature without creating a washed-out, clinical appearance.
Is #56a4ba suitable for UI text interfaces?
#56a4ba maintains high contrast against standard black or dark navy text, making it a reliable choice for buttons or accents. However, always check specific contrast ratios if using it for body text, as its lightness can impact readability.
Is #56a4ba readable on white or black?
#56a4ba has a 2.83:1 contrast ratio on white and 7.41: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.