HEX #5ABBE2 color — Viking
The color #5abbe2 is a light shade and moderately saturated.
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%) |