HEX #5CB5E2 color — Viking

The color #5CB5E2 is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5CB5E2 color palette from light to dark

HEX RGB HSL
#f2f9fd rgb(242,249,253) hsl(200,70%,97%)
#dceff9 rgb(220,239,249) hsl(200,70%,92%)
#c7e6f5 rgb(199,230,245) hsl(200,70%,87%)
#b1dcf1 rgb(177,220,241) hsl(200,70%,82%)
#9bd2ed rgb(155,210,237) hsl(200,70%,77%)
#86c8ea rgb(134,200,234) hsl(200,70%,72%)
#70bee6 rgb(112,190,230) hsl(200,70%,67%)
#5ab5e2 rgb(90,181,226) hsl(200,70%,62%)
#45abde rgb(69,171,222) hsl(200,70%,57%)
#2fa1da rgb(47,161,218) hsl(200,70%,52%)
#2494cc rgb(36,148,204) hsl(200,70%,47%)
#2084b6 rgb(32,132,182) hsl(200,70%,42%)
#1c74a0 rgb(28,116,160) hsl(200,70%,37%)
#18658b rgb(24,101,139) hsl(200,70%,32%)
#155575 rgb(21,85,117) hsl(200,70%,27%)
#11455f rgb(17,69,95) hsl(200,70%,22%)
#0d354a rgb(13,53,74) hsl(200,70%,17%)
#092634 rgb(9,38,52) hsl(200,70%,12%)
#05161e rgb(5,22,30) hsl(200,70%,7%)
#020609 rgb(2,6,9) hsl(200,70%,2%)

Adjacent colors

HEX RGB HSL
#5CE3B5 rgb(92,227,181) hsl(160,71%,63%)
#5CB5E2 rgb(92,181,226) hsl(200,70%,62%)
#5C5CE2 rgb(92,92,226) hsl(240,70%,62%)

Monochromatic colors

HEX RGB HSL
#DDF0F9 rgb(221,240,249) hsl(199,70%,92%)
#B2DBF1 rgb(178,219,241) hsl(201,69%,82%)
#87C9E9 rgb(135,201,233) hsl(200,69%,72%)
#5CB5E2 rgb(92,181,226) hsl(200,70%,62%)
#30A1DA rgb(48,161,218) hsl(200,70%,52%)
#2085B7 rgb(32,133,183) hsl(200,70%,42%)

Triad color palettes

HEX RGB HSL
#5CB5E2 rgb(92,181,226) hsl(200,70%,62%)
#E25C72 rgb(226,92,114) hsl(350,70%,62%)
#E2CC5C rgb(226,204,92) hsl(50,70%,62%)

Tetrad color palettes

HEX RGB HSL
#5CB5E2 rgb(92,181,226) hsl(200,70%,62%)
#E28A5C rgb(226,138,92) hsl(21,70%,62%)
#5CE3CC rgb(92,227,204) hsl(170,71%,63%)
#E2CC5C rgb(226,204,92) hsl(50,70%,62%)