HEX #366EA4 color — Astral
The color #366EA4 is a dark shade and moderately saturated.
Palette
366EA4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(209,50%,98%) |
#e4edf6 |
rgb(228,237,246) |
hsl(209,50%,93%) |
#d1e1f0 |
rgb(209,225,240) |
hsl(209,50%,88%) |
#bed4e9 |
rgb(190,212,233) |
hsl(209,50%,83%) |
#abc8e3 |
rgb(171,200,227) |
hsl(209,50%,78%) |
#98bbdd |
rgb(152,187,221) |
hsl(209,50%,73%) |
#85afd6 |
rgb(133,175,214) |
hsl(209,50%,68%) |
#71a2d0 |
rgb(113,162,208) |
hsl(209,50%,63%) |
#5e96c9 |
rgb(94,150,201) |
hsl(209,50%,58%) |
#4b89c3 |
rgb(75,137,195) |
hsl(209,50%,53%) |
#3d7cb8 |
rgb(61,124,184) |
hsl(209,50%,48%) |
#376fa4 |
rgb(55,111,164) |
hsl(209,50%,43%) |
#306391 |
rgb(48,99,145) |
hsl(209,50%,38%) |
#2a567e |
rgb(42,86,126) |
hsl(209,50%,33%) |
#24496b |
rgb(36,73,107) |
hsl(209,50%,28%) |
#1d3c58 |
rgb(29,60,88) |
hsl(209,50%,23%) |
#172f45 |
rgb(23,47,69) |
hsl(209,50%,18%) |
#112232 |
rgb(17,34,50) |
hsl(209,50%,13%) |
#0a151f |
rgb(10,21,31) |
hsl(209,50%,8%) |
#04080b |
rgb(4,8,11) |
hsl(209,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36A390 |
rgb(54,163,144) |
hsl(170,50%,43%) |
#366EA4 |
rgb(54,110,164) |
hsl(209,50%,43%) |
#4736A4 |
rgb(71,54,164) |
hsl(249,50%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5791C7 |
rgb(87,145,199) |
hsl(209,50%,56%) |
#3E80BE |
rgb(62,128,190) |
hsl(209,51%,49%) |
#366EA4 |
rgb(54,110,164) |
hsl(209,50%,43%) |
#2D5C89 |
rgb(45,92,137) |
hsl(209,51%,36%) |
#244A6F |
rgb(36,74,111) |
hsl(210,51%,29%) |
#1C3855 |
rgb(28,56,85) |
hsl(211,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#366EA4 |
rgb(54,110,164) |
hsl(209,50%,43%) |
#A43637 |
rgb(164,54,55) |
hsl(359,50%,43%) |
#A4A336 |
rgb(164,163,54) |
hsl(59,50%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366EA4 |
rgb(54,110,164) |
hsl(209,50%,43%) |
#A46B36 |
rgb(164,107,54) |
hsl(29,50%,43%) |
#36A3A3 |
rgb(54,163,163) |
hsl(180,50%,43%) |
#A4A336 |
rgb(164,163,54) |
hsl(59,50%,43%) |