HEX #5AC7D2 color — Viking
The color #5AC7D2 is a light shade and moderately saturated.
Palette
5AC7D2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfefe |
rgb(251,254,254) |
hsl(186,57%,99%) |
#e7f7f8 |
rgb(231,247,248) |
hsl(186,57%,94%) |
#d3f0f3 |
rgb(211,240,243) |
hsl(186,57%,89%) |
#bfe9ed |
rgb(191,233,237) |
hsl(186,57%,84%) |
#abe2e8 |
rgb(171,226,232) |
hsl(186,57%,79%) |
#97dbe2 |
rgb(151,219,226) |
hsl(186,57%,74%) |
#83d4dd |
rgb(131,212,221) |
hsl(186,57%,69%) |
#6fcdd8 |
rgb(111,205,216) |
hsl(186,57%,64%) |
#5bc6d2 |
rgb(91,198,210) |
hsl(186,57%,59%) |
#47bfcd |
rgb(71,191,205) |
hsl(186,57%,54%) |
#36b6c4 |
rgb(54,182,196) |
hsl(186,57%,49%) |
#30a3b0 |
rgb(48,163,176) |
hsl(186,57%,44%) |
#2b919c |
rgb(43,145,156) |
hsl(186,57%,39%) |
#257e88 |
rgb(37,126,136) |
hsl(186,57%,34%) |
#206c74 |
rgb(32,108,116) |
hsl(186,57%,29%) |
#1a5960 |
rgb(26,89,96) |
hsl(186,57%,24%) |
#15474c |
rgb(21,71,76) |
hsl(186,57%,19%) |
#0f3438 |
rgb(15,52,56) |
hsl(186,57%,14%) |
#0a2124 |
rgb(10,33,36) |
hsl(186,57%,9%) |
#040f10 |
rgb(4,15,16) |
hsl(186,57%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AD18D |
rgb(90,209,141) |
hsl(146,56%,59%) |
#5AC7D2 |
rgb(90,199,210) |
hsl(186,57%,59%) |
#5A78D2 |
rgb(90,120,210) |
hsl(225,57%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A5E0E6 |
rgb(165,224,230) |
hsl(186,57%,77%) |
#7FD4DC |
rgb(127,212,220) |
hsl(185,57%,68%) |
#5AC7D2 |
rgb(90,199,210) |
hsl(186,57%,59%) |
#36B8C6 |
rgb(54,184,198) |
hsl(186,57%,49%) |
#2B96A0 |
rgb(43,150,160) |
hsl(185,58%,40%) |
#21737A |
rgb(33,115,122) |
hsl(185,57%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AC7D2 |
rgb(90,199,210) |
hsl(186,57%,59%) |
#D2598B |
rgb(210,89,139) |
hsl(335,57%,59%) |
#D2A15A |
rgb(210,161,90) |
hsl(36,57%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AC7D2 |
rgb(90,199,210) |
hsl(186,57%,59%) |
#D2665A |
rgb(210,102,90) |
hsl(6,57%,59%) |
#5AD1A1 |
rgb(90,209,161) |
hsl(156,56%,59%) |
#D2A15A |
rgb(210,161,90) |
hsl(36,57%,59%) |