HEX #364AA6 color — Sapphire
The color #364AA6 is a dark shade and moderately saturated.
Palette
364AA6 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(229,51%,98%) |
#e4e7f6 |
rgb(228,231,246) |
hsl(229,51%,93%) |
#d1d7f0 |
rgb(209,215,240) |
hsl(229,51%,88%) |
#bec6ea |
rgb(190,198,234) |
hsl(229,51%,83%) |
#aab5e4 |
rgb(170,181,228) |
hsl(229,51%,78%) |
#97a4dd |
rgb(151,164,221) |
hsl(229,51%,73%) |
#8493d7 |
rgb(132,147,215) |
hsl(229,51%,68%) |
#7182d1 |
rgb(113,130,209) |
hsl(229,51%,63%) |
#5d71cb |
rgb(93,113,203) |
hsl(229,51%,58%) |
#4a60c4 |
rgb(74,96,196) |
hsl(229,51%,53%) |
#3c53b9 |
rgb(60,83,185) |
hsl(229,51%,48%) |
#364aa6 |
rgb(54,74,166) |
hsl(229,51%,43%) |
#2f4292 |
rgb(47,66,146) |
hsl(229,51%,38%) |
#29397f |
rgb(41,57,127) |
hsl(229,51%,33%) |
#23306c |
rgb(35,48,108) |
hsl(229,51%,28%) |
#1d2859 |
rgb(29,40,89) |
hsl(229,51%,23%) |
#161f45 |
rgb(22,31,69) |
hsl(229,51%,18%) |
#101632 |
rgb(16,22,50) |
hsl(229,51%,13%) |
#0a0e1f |
rgb(10,14,31) |
hsl(229,51%,8%) |
#04050c |
rgb(4,5,12) |
hsl(229,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3694A6 |
rgb(54,148,166) |
hsl(190,51%,43%) |
#364AA6 |
rgb(54,74,166) |
hsl(229,51%,43%) |
#6C36A6 |
rgb(108,54,166) |
hsl(269,51%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#596EC9 |
rgb(89,110,201) |
hsl(229,51%,57%) |
#3E57C0 |
rgb(62,87,192) |
hsl(228,51%,50%) |
#364AA6 |
rgb(54,74,166) |
hsl(229,51%,43%) |
#2D3D8B |
rgb(45,61,139) |
hsl(230,51%,36%) |
#243370 |
rgb(36,51,112) |
hsl(228,51%,29%) |
#1C2656 |
rgb(28,38,86) |
hsl(230,51%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#364AA6 |
rgb(54,74,166) |
hsl(229,51%,43%) |
#A65936 |
rgb(166,89,54) |
hsl(19,51%,43%) |
#82A636 |
rgb(130,166,54) |
hsl(79,51%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#364AA6 |
rgb(54,74,166) |
hsl(229,51%,43%) |
#A69136 |
rgb(166,145,54) |
hsl(49,51%,43%) |
#3682A6 |
rgb(54,130,166) |
hsl(199,51%,43%) |
#82A636 |
rgb(130,166,54) |
hsl(79,51%,43%) |