HEX #5AB5E1 color — Viking

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

Color codes

copy icon
copy icon
copy icon

Palette

5AB5E1 color palette from light to dark

HEX RGB HSL
#f2f9fd rgb(242,249,253) hsl(200,69%,97%)
#ddeff9 rgb(221,239,249) hsl(200,69%,92%)
#c7e5f5 rgb(199,229,245) hsl(200,69%,87%)
#b1dcf1 rgb(177,220,241) hsl(200,69%,82%)
#9cd2ed rgb(156,210,237) hsl(200,69%,77%)
#86c8e9 rgb(134,200,233) hsl(200,69%,72%)
#71bee5 rgb(113,190,229) hsl(200,69%,67%)
#5bb4e1 rgb(91,180,225) hsl(200,69%,62%)
#46abdd rgb(70,171,221) hsl(200,69%,57%)
#30a1d9 rgb(48,161,217) hsl(200,69%,52%)
#2593cb rgb(37,147,203) hsl(200,69%,47%)
#2184b5 rgb(33,132,181) hsl(200,69%,42%)
#1d749f rgb(29,116,159) hsl(200,69%,37%)
#19648a rgb(25,100,138) hsl(200,69%,32%)
#155574 rgb(21,85,116) hsl(200,69%,27%)
#11455f rgb(17,69,95) hsl(200,69%,22%)
#0d3549 rgb(13,53,73) hsl(200,69%,17%)
#092634 rgb(9,38,52) hsl(200,69%,12%)
#06161e rgb(6,22,30) hsl(200,69%,7%)
#020609 rgb(2,6,9) hsl(200,69%,2%)

Adjacent colors

HEX RGB HSL
#5AE0B3 rgb(90,224,179) hsl(160,68%,62%)
#5AB5E1 rgb(90,181,225) hsl(200,69%,62%)
#5A5CE1 rgb(90,92,225) hsl(239,69%,62%)

Monochromatic colors

HEX RGB HSL
#D9EDF8 rgb(217,237,248) hsl(201,69%,91%)
#AFDBF0 rgb(175,219,240) hsl(199,68%,81%)
#84C7E8 rgb(132,199,232) hsl(200,68%,71%)
#5AB5E1 rgb(90,181,225) hsl(200,69%,62%)
#2FA1D9 rgb(47,161,217) hsl(200,69%,52%)
#2085B5 rgb(32,133,181) hsl(199,70%,42%)

Triad color palettes

HEX RGB HSL
#5AB5E1 rgb(90,181,225) hsl(200,69%,62%)
#E15971 rgb(225,89,113) hsl(349,69%,62%)
#E1C95A rgb(225,201,90) hsl(49,69%,62%)

Tetrad color palettes

HEX RGB HSL
#5AB5E1 rgb(90,181,225) hsl(200,69%,62%)
#E1875A rgb(225,135,90) hsl(20,69%,62%)
#5AE0C9 rgb(90,224,201) hsl(170,68%,62%)
#E1C95A rgb(225,201,90) hsl(49,69%,62%)