#5690A0 Hex Color

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

Hex color #5690a0 graphic
Dusty cyan with a clear gray cast, #5690a0 sits between sky blue and teal. The low saturation keeps it easygoing without turning clinical, which suits tech interfaces, productivity tools, and children’s products. The hex code #5690a0 works best as a supporting tone or UI background rather than a hero color. Black text on it reaches about 5.9:1 contrast, so small copy stays readable. Pair it with coral for a warm counterpoint.

Questions about #5690a0

What is #5690a0 in RGB, HSL and CMYK?
In RGB, #5690a0 is rgb(86, 144, 160), in HSL hsl(193, 30%, 48%) and in CMYK 46%, 10%, 0%, 37%.
What colors pair well with #5690a0?
Warm coral, terracotta, and soft cream flatter #5690a0 best, since the warmth offsets its grayed, cool cast, while bright blues nearby tend to make it read flat and muddy by comparison. Keep accents small so the muted base stays in charge.
Is #5690a0 readable on white or black?
#5690a0 has a 3.56:1 contrast ratio on white and 5.89:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.