#5683B3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Far from a vivid sky blue, this muted steel blue keeps its saturation low and its temperature cold. #5683b3 works best as a supporting tone or UI background, where its dusty, matte surface won’t compete with brighter accents. Black text passes AA on it at about 5.3:1 contrast. It suits finance, healthcare, and government interfaces that need quiet reliability rather than flash.
Questions about #5683b3
What is #5683b3 in RGB, HSL and CMYK?
In RGB, #5683b3 is rgb(86, 131, 179), in HSL hsl(211, 38%, 52%) and in CMYK 52%, 27%, 0%, 30%.
What colors pair well with #5683b3?
Warm earth tones like terracotta and muted coral give #5683b3 contrast without fighting its low saturation. Cream works better than pure white, which can wash the blue out.
Is #5683b3 readable on white or black?
#5683b3 has a 3.96:1 contrast ratio on white and 5.29: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.