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