HEX #5AB9E2 color — Viking

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

Color codes

copy icon
copy icon
copy icon

Palette

5ab9e2 color palette from light to dark

HEX RGB HSL
#f2f9fd rgb(242,249,253) hsl(198,70%,97%)
#dcf0f9 rgb(220,240,249) hsl(198,70%,92%)
#c7e7f5 rgb(199,231,245) hsl(198,70%,87%)
#b1def1 rgb(177,222,241) hsl(198,70%,82%)
#9bd5ed rgb(155,213,237) hsl(198,70%,77%)
#86ccea rgb(134,204,234) hsl(198,70%,72%)
#70c2e6 rgb(112,194,230) hsl(198,70%,67%)
#5ab9e2 rgb(90,185,226) hsl(198,70%,62%)
#45b0de rgb(69,176,222) hsl(198,70%,57%)
#2fa7da rgb(47,167,218) hsl(198,70%,52%)
#2499cc rgb(36,153,204) hsl(198,70%,47%)
#2089b6 rgb(32,137,182) hsl(198,70%,42%)
#1c79a0 rgb(28,121,160) hsl(198,70%,37%)
#18688b rgb(24,104,139) hsl(198,70%,32%)
#155875 rgb(21,88,117) hsl(198,70%,27%)
#11485f rgb(17,72,95) hsl(198,70%,22%)
#0d374a rgb(13,55,74) hsl(198,70%,17%)
#092734 rgb(9,39,52) hsl(198,70%,12%)
#05171e rgb(5,23,30) hsl(198,70%,7%)
#020709 rgb(2,7,9) hsl(198,70%,2%)

Adjacent colors

HEX RGB HSL
#5AE3B0 rgb(90,227,176) hsl(158,71%,62%)
#5AB9E2 rgb(90,185,226) hsl(198,70%,62%)
#5A5EE2 rgb(90,94,226) hsl(238,70%,62%)

Monochromatic colors

HEX RGB HSL
#DBF0F8 rgb(219,240,248) hsl(197,67%,92%)
#B0DEF1 rgb(176,222,241) hsl(198,70%,82%)
#85CCE9 rgb(133,204,233) hsl(197,69%,72%)
#5AB9E2 rgb(90,185,226) hsl(198,70%,62%)
#2FA6DA rgb(47,166,218) hsl(198,70%,52%)
#208AB6 rgb(32,138,182) hsl(198,70%,42%)

Triad color palettes

HEX RGB HSL
#5AB9E2 rgb(90,185,226) hsl(198,70%,62%)
#E25975 rgb(226,89,117) hsl(348,70%,62%)
#E2C75A rgb(226,199,90) hsl(48,70%,62%)

Tetrad color palettes

HEX RGB HSL
#5AB9E2 rgb(90,185,226) hsl(198,70%,62%)
#E2825A rgb(226,130,90) hsl(18,70%,62%)
#5AE3C7 rgb(90,227,199) hsl(168,71%,62%)
#E2C75A rgb(226,199,90) hsl(48,70%,62%)