#1B4965
#5FA8D3
#A8E0DE
#E4F1FF
#5FA8D3 · Blue Gray
Click to copy#5FA8D3 is a medium, moderately saturated blue color, closest to Blue Gray and near Blue Gray and Cyan. In OKLCH it has 70% lightness and 0.10 chroma at hue 236°. Blue suggests trust, stability and calm; it is the most used hue in corporate and tech branding, which makes #5FA8D3 a natural choice for links, primary buttons, finance and technology. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#5FA8D3RGB
rgb(95, 168, 211)HSL
hsl(202, 57%, 60%)CMYK
55, 20, 0, 17CSS var
--blue-grayContrast
2.62:1 white · 8.03:1 blackSimilar named colors
How to use #5FA8D3
Black text passes WCAG AA on #5FA8D3 (8.03:1); white text does not (2.62:1).
For a calm scheme pair #5FA8D3 with its analogous neighbors #5FD3C4 and #5F6ED3; for contrast use its complement #D3895F as a small accent, and anchor everything with a neutral such as #1F1F24.
--blue-gray: #5FA8D3;
$blue-gray: #5FA8D3;
colors: { 'blue-gray': '#5FA8D3' }