HEX #3186A5 color — Astral
The color #3186a5 is a dark shade and moderately saturated.
Palette
3186a5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f9fb |
rgb(243,249,251) |
hsl(196,54%,97%) |
#e0f0f6 |
rgb(224,240,246) |
hsl(196,54%,92%) |
#cce6f0 |
rgb(204,230,240) |
hsl(196,54%,87%) |
#b8ddea |
rgb(184,221,234) |
hsl(196,54%,82%) |
#a5d3e4 |
rgb(165,211,228) |
hsl(196,54%,77%) |
#91cade |
rgb(145,202,222) |
hsl(196,54%,72%) |
#7dc0d8 |
rgb(125,192,216) |
hsl(196,54%,67%) |
#6ab7d2 |
rgb(106,183,210) |
hsl(196,54%,62%) |
#56adcd |
rgb(86,173,205) |
hsl(196,54%,57%) |
#43a3c7 |
rgb(67,163,199) |
hsl(196,54%,52%) |
#3796b9 |
rgb(55,150,185) |
hsl(196,54%,47%) |
#3186a5 |
rgb(49,134,165) |
hsl(196,54%,42%) |
#2b7691 |
rgb(43,118,145) |
hsl(196,54%,37%) |
#26667e |
rgb(38,102,126) |
hsl(196,54%,32%) |
#20566a |
rgb(32,86,106) |
hsl(196,54%,27%) |
#1a4656 |
rgb(26,70,86) |
hsl(196,54%,22%) |
#143643 |
rgb(20,54,67) |
hsl(196,54%,17%) |
#0e262f |
rgb(14,38,47) |
hsl(196,54%,12%) |
#08161b |
rgb(8,22,27) |
hsl(196,54%,7%) |
#020608 |
rgb(2,6,8) |
hsl(196,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31A676 |
rgb(49,166,118) |
hsl(155,54%,42%) |
#3186A5 |
rgb(49,134,165) |
hsl(196,54%,42%) |
#3138A5 |
rgb(49,56,165) |
hsl(236,54%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4FABCA |
rgb(79,171,202) |
hsl(195,54%,55%) |
#389CBF |
rgb(56,156,191) |
hsl(196,55%,48%) |
#3186A5 |
rgb(49,134,165) |
hsl(196,54%,42%) |
#29708A |
rgb(41,112,138) |
hsl(196,54%,35%) |
#215C70 |
rgb(33,92,112) |
hsl(195,54%,28%) |
#194555 |
rgb(25,69,85) |
hsl(196,55%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3186A5 |
rgb(49,134,165) |
hsl(196,54%,42%) |
#A5304C |
rgb(165,48,76) |
hsl(346,55%,42%) |
#A58A31 |
rgb(165,138,49) |
hsl(46,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3186A5 |
rgb(49,134,165) |
hsl(196,54%,42%) |
#A54F31 |
rgb(165,79,49) |
hsl(16,54%,42%) |
#31A68A |
rgb(49,166,138) |
hsl(166,54%,42%) |
#A58A31 |
rgb(165,138,49) |
hsl(46,54%,42%) |