#5BA6C1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, cool cyan, #5ba6c1 brings a refreshing clarity to UI designs. Its desaturated character prevents it from overwhelming a layout, making it a reliable choice for functional accents or secondary buttons. It pairs well with slate grays or deep navies to anchor its brightness. Because this hex code offers strong contrast against black text, it works efficiently for readable body copy across digital interfaces.
Questions about #5ba6c1
What is #5ba6c1 in RGB, HSL and CMYK?
In RGB, #5ba6c1 is rgb(91, 166, 193), in HSL hsl(196, 45%, 56%) and in CMYK 53%, 14%, 0%, 24%.
What colors pair well with the muted cyan #5ba6c1?
Because of its desaturated, cool nature, #5ba6c1 works best when anchored by neutral tones like charcoal or deep slate, which emphasize its clarity. For a more vibrant scheme, try pairing it with soft warm oranges to create a balanced, complementary effect in your UI.
Is #5ba6c1 a good choice for text on a white background?
This specific shade of cyan often lacks the necessary contrast ratio to be used as body text on white. It is better utilized as a button color, icon accent, or graphical element to ensure your interface remains accessible and readable for all users.
Is #5ba6c1 readable on white or black?
#5ba6c1 has a 2.73:1 contrast ratio on white and 7.66: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.