HEX #366EA6 color — Astral
The color #366ea6 is a dark shade and moderately saturated.
Palette
366ea6 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(210,51%,98%) |
#e4edf6 |
rgb(228,237,246) |
hsl(210,51%,93%) |
#d1e0f0 |
rgb(209,224,240) |
hsl(210,51%,88%) |
#bed4ea |
rgb(190,212,234) |
hsl(210,51%,83%) |
#aac7e4 |
rgb(170,199,228) |
hsl(210,51%,78%) |
#97badd |
rgb(151,186,221) |
hsl(210,51%,73%) |
#84add7 |
rgb(132,173,215) |
hsl(210,51%,68%) |
#71a1d1 |
rgb(113,161,209) |
hsl(210,51%,63%) |
#5d94cb |
rgb(93,148,203) |
hsl(210,51%,58%) |
#4a87c4 |
rgb(74,135,196) |
hsl(210,51%,53%) |
#3c7ab9 |
rgb(60,122,185) |
hsl(210,51%,48%) |
#366ea6 |
rgb(54,110,166) |
hsl(210,51%,43%) |
#2f6192 |
rgb(47,97,146) |
hsl(210,51%,38%) |
#29547f |
rgb(41,84,127) |
hsl(210,51%,33%) |
#23476c |
rgb(35,71,108) |
hsl(210,51%,28%) |
#1d3b59 |
rgb(29,59,89) |
hsl(210,51%,23%) |
#162e45 |
rgb(22,46,69) |
hsl(210,51%,18%) |
#102132 |
rgb(16,33,50) |
hsl(210,51%,13%) |
#0a141f |
rgb(10,20,31) |
hsl(210,51%,8%) |
#04080c |
rgb(4,8,12) |
hsl(210,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36A693 |
rgb(54,166,147) |
hsl(170,51%,43%) |
#366EA6 |
rgb(54,110,166) |
hsl(210,51%,43%) |
#4836A6 |
rgb(72,54,166) |
hsl(250,51%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5991C9 |
rgb(89,145,201) |
hsl(210,51%,57%) |
#3E80C0 |
rgb(62,128,192) |
hsl(210,51%,50%) |
#366EA6 |
rgb(54,110,166) |
hsl(210,51%,43%) |
#2D5C8B |
rgb(45,92,139) |
hsl(210,51%,36%) |
#244A70 |
rgb(36,74,112) |
hsl(210,51%,29%) |
#1C3856 |
rgb(28,56,86) |
hsl(211,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#366EA6 |
rgb(54,110,166) |
hsl(210,51%,43%) |
#A63636 |
rgb(166,54,54) |
hsl(360,51%,43%) |
#A6A636 |
rgb(166,166,54) |
hsl(60,51%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366EA6 |
rgb(54,110,166) |
hsl(210,51%,43%) |
#A66E36 |
rgb(166,110,54) |
hsl(30,51%,43%) |
#36A6A6 |
rgb(54,166,166) |
hsl(180,51%,43%) |
#A6A636 |
rgb(166,166,54) |
hsl(60,51%,43%) |