#5BA4CF
#A8D5F2
#F2E8D5
#4A4238
#5BA4CF · Blue Gray
Click to copy#5BA4CF is a medium, moderately saturated blue color, closest to Blue Gray and near Blue Gray and Cyan. In OKLCH it has 69% 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 #5BA4CF a natural choice for links, primary buttons, finance and technology. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#5BA4CFRGB
rgb(91, 164, 207)HSL
hsl(202, 55%, 58%)CMYK
56, 21, 0, 19CSS var
--blue-grayContrast
2.74:1 white · 7.66:1 blackSimilar named colors
How to use #5BA4CF
Black text passes WCAG AA on #5BA4CF (7.66:1); white text does not (2.74:1).
For a calm scheme pair #5BA4CF with its analogous neighbors #59CFBF and #5969CF; for contrast use its complement #CF8459 as a small accent, and anchor everything with a neutral such as #1F1F24.
--blue-gray: #5BA4CF;
$blue-gray: #5BA4CF;
colors: { 'blue-gray': '#5BA4CF' }