#5EB3D5 Hex Color

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

Hex color #5eb3d5 graphic
This unsaturated cyan reads as cool and approachable, making it a reliable choice for UI backgrounds and tech-forward branding. Its lightness provides high contrast for black text, ensuring readability without feeling harsh. Because #5eb3d5 feels balanced and clean, it works best as a large-scale dominant base rather than a small accent. Pair it with soft charcoals instead of pure white to avoid a washed-out appearance.

Questions about #5eb3d5

What is #5eb3d5 in RGB, HSL and CMYK?
In RGB, #5eb3d5 is rgb(94, 179, 213), in HSL hsl(197, 59%, 60%) and in CMYK 56%, 16%, 0%, 16%.
What colors pair well with #5eb3d5 for a modern interface?
This unsaturated cyan looks best when grounded by dark charcoal or deep navy tones rather than harsh pure black or white. Using these grounded neutrals prevents the color from appearing washed out and maintains a professional, high-contrast look suitable for professional web applications.
Is #5eb3d5 readable on white or black?
#5eb3d5 has a 2.36:1 contrast ratio on white and 8.88: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.