#5FB6D9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel blue has a cool, unsaturated quality that feels gentle without being overwhelming. The hex code #5fb6d9 works best as a primary UI background or a soft secondary accent. Because it is highly readable against black text, it serves well in modern interface design. You might find that pairing this hue with deeper, dusty neutrals helps solve what colors make gray when creating complex, muted palettes.
Questions about #5fb6d9
What is #5fb6d9 in RGB, HSL and CMYK?
In RGB, #5fb6d9 is rgb(95, 182, 217), in HSL hsl(197, 62%, 61%) and in CMYK 56%, 16%, 0%, 15%. Browse more shades of blue with names and hex codes.
What colors pair best with #5fb6d9?
#5fb6d9 works beautifully when paired with charcoal or deep navy for high-contrast, modern text layouts. To build a balanced palette, introduce soft, dusty neutrals or warm terracotta tones to ground the airy, cool nature of the blue.
Is #5fb6d9 readable on white or black?
#5fb6d9 has a 2.28:1 contrast ratio on white and 9.17: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.