HEX #5AC2E0 color — Viking

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

Color codes

copy icon
copy icon
copy icon

Palette

5AC2E0 color palette from light to dark

HEX RGB HSL
#f2fafd rgb(242,250,253) hsl(193,68%,97%)
#ddf2f8 rgb(221,242,248) hsl(193,68%,92%)
#c7ebf4 rgb(199,235,244) hsl(193,68%,87%)
#b2e3f0 rgb(178,227,240) hsl(193,68%,82%)
#9cdbec rgb(156,219,236) hsl(193,68%,77%)
#87d3e8 rgb(135,211,232) hsl(193,68%,72%)
#72cbe4 rgb(114,203,228) hsl(193,68%,67%)
#5cc3e0 rgb(92,195,224) hsl(193,68%,62%)
#47bcdc rgb(71,188,220) hsl(193,68%,57%)
#31b4d8 rgb(49,180,216) hsl(193,68%,52%)
#26a6c9 rgb(38,166,201) hsl(193,68%,47%)
#2294b4 rgb(34,148,180) hsl(193,68%,42%)
#1e839f rgb(30,131,159) hsl(193,68%,37%)
#1a7189 rgb(26,113,137) hsl(193,68%,32%)
#165f74 rgb(22,95,116) hsl(193,68%,27%)
#124e5e rgb(18,78,94) hsl(193,68%,22%)
#0e3c49 rgb(14,60,73) hsl(193,68%,17%)
#0a2a33 rgb(10,42,51) hsl(193,68%,12%)
#06191e rgb(6,25,30) hsl(193,68%,7%)
#020709 rgb(2,7,9) hsl(193,68%,2%)

Adjacent colors

HEX RGB HSL
#5AE0A4 rgb(90,224,164) hsl(153,68%,62%)
#5AC2E0 rgb(90,194,224) hsl(193,68%,62%)
#5A69E0 rgb(90,105,224) hsl(233,68%,62%)

Monochromatic colors

HEX RGB HSL
#D8F0F7 rgb(216,240,247) hsl(194,66%,91%)
#AEE0EF rgb(174,224,239) hsl(194,67%,81%)
#84D1E7 rgb(132,209,231) hsl(193,67%,71%)
#5AC2E0 rgb(90,194,224) hsl(193,68%,62%)
#2FB3D8 rgb(47,179,216) hsl(193,68%,52%)
#2194B3 rgb(33,148,179) hsl(193,69%,42%)

Triad color palettes

HEX RGB HSL
#5AC2E0 rgb(90,194,224) hsl(193,68%,62%)
#E0597F rgb(224,89,127) hsl(343,69%,61%)
#E0BA5A rgb(224,186,90) hsl(43,68%,62%)

Tetrad color palettes

HEX RGB HSL
#5AC2E0 rgb(90,194,224) hsl(193,68%,62%)
#E0785A rgb(224,120,90) hsl(13,68%,62%)
#5AE0BB rgb(90,224,187) hsl(163,68%,62%)
#E0BA5A rgb(224,186,90) hsl(43,68%,62%)