HEX #5ABBE2 color — Viking

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

Color codes

copy icon
copy icon
copy icon

Palette

5abbe2 color palette from light to dark

HEX RGB HSL
#f2fafd rgb(242,250,253) hsl(197,70%,97%)
#dcf1f9 rgb(220,241,249) hsl(197,70%,92%)
#c7e8f5 rgb(199,232,245) hsl(197,70%,87%)
#b1dff1 rgb(177,223,241) hsl(197,70%,82%)
#9bd6ed rgb(155,214,237) hsl(197,70%,77%)
#86cdea rgb(134,205,234) hsl(197,70%,72%)
#70c4e6 rgb(112,196,230) hsl(197,70%,67%)
#5abbe2 rgb(90,187,226) hsl(197,70%,62%)
#45b3de rgb(69,179,222) hsl(197,70%,57%)
#2faada rgb(47,170,218) hsl(197,70%,52%)
#249ccc rgb(36,156,204) hsl(197,70%,47%)
#208cb6 rgb(32,140,182) hsl(197,70%,42%)
#1c7ba0 rgb(28,123,160) hsl(197,70%,37%)
#186a8b rgb(24,106,139) hsl(197,70%,32%)
#155a75 rgb(21,90,117) hsl(197,70%,27%)
#11495f rgb(17,73,95) hsl(197,70%,22%)
#0d384a rgb(13,56,74) hsl(197,70%,17%)
#092834 rgb(9,40,52) hsl(197,70%,12%)
#05171e rgb(5,23,30) hsl(197,70%,7%)
#020709 rgb(2,7,9) hsl(197,70%,2%)

Adjacent colors

HEX RGB HSL
#5AE3AE rgb(90,227,174) hsl(157,71%,62%)
#5ABBE2 rgb(90,187,226) hsl(197,70%,62%)
#5A61E2 rgb(90,97,226) hsl(237,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%)
#5ABBE2 rgb(90,187,226) hsl(197,70%,62%)
#2FA8DA rgb(47,168,218) hsl(198,70%,52%)
#208CB6 rgb(32,140,182) hsl(197,70%,42%)

Triad color palettes

HEX RGB HSL
#5ABBE2 rgb(90,187,226) hsl(197,70%,62%)
#E25977 rgb(226,89,119) hsl(347,70%,62%)
#E2C45A rgb(226,196,90) hsl(47,70%,62%)

Tetrad color palettes

HEX RGB HSL
#5ABBE2 rgb(90,187,226) hsl(197,70%,62%)
#E2825A rgb(226,130,90) hsl(18,70%,62%)
#5AE3C5 rgb(90,227,197) hsl(167,71%,62%)
#E2C45A rgb(226,196,90) hsl(47,70%,62%)