HEX #367AD5 color — Mariner
The color #367AD5 is a dark shade and moderately saturated.
Palette
367AD5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fc |
rgb(242,247,252) |
hsl(214,65%,97%) |
#dde9f8 |
rgb(221,233,248) |
hsl(214,65%,92%) |
#c8dbf3 |
rgb(200,219,243) |
hsl(214,65%,87%) |
#b3cdef |
rgb(179,205,239) |
hsl(214,65%,82%) |
#9ebfea |
rgb(158,191,234) |
hsl(214,65%,77%) |
#89b1e6 |
rgb(137,177,230) |
hsl(214,65%,72%) |
#74a4e2 |
rgb(116,164,226) |
hsl(214,65%,67%) |
#5f96dd |
rgb(95,150,221) |
hsl(214,65%,62%) |
#4a88d9 |
rgb(74,136,217) |
hsl(214,65%,57%) |
#357ad4 |
rgb(53,122,212) |
hsl(214,65%,52%) |
#2a6dc6 |
rgb(42,109,198) |
hsl(214,65%,47%) |
#2562b1 |
rgb(37,98,177) |
hsl(214,65%,42%) |
#21569c |
rgb(33,86,156) |
hsl(214,65%,37%) |
#1d4b87 |
rgb(29,75,135) |
hsl(214,65%,32%) |
#183f72 |
rgb(24,63,114) |
hsl(214,65%,27%) |
#14335d |
rgb(20,51,93) |
hsl(214,65%,22%) |
#0f2848 |
rgb(15,40,72) |
hsl(214,65%,17%) |
#0b1c32 |
rgb(11,28,50) |
hsl(214,65%,12%) |
#06101d |
rgb(6,16,29) |
hsl(214,65%,7%) |
#020508 |
rgb(2,5,8) |
hsl(214,65%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#36D6C6 |
rgb(54,214,198) |
hsl(174,66%,53%) |
#367AD5 |
rgb(54,122,213) |
hsl(214,65%,52%) |
#5C36D5 |
rgb(92,54,213) |
hsl(254,65%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7CA8E3 |
rgb(124,168,227) |
hsl(214,65%,69%) |
#5991DC |
rgb(89,145,220) |
hsl(214,65%,61%) |
#367AD5 |
rgb(54,122,213) |
hsl(214,65%,52%) |
#2666B9 |
rgb(38,102,185) |
hsl(214,66%,44%) |
#1F5296 |
rgb(31,82,150) |
hsl(214,66%,35%) |
#184072 |
rgb(24,64,114) |
hsl(213,65%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#367AD5 |
rgb(54,122,213) |
hsl(214,65%,52%) |
#D54236 |
rgb(213,66,54) |
hsl(5,65%,52%) |
#C9D636 |
rgb(201,214,54) |
hsl(65,66%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#367AD5 |
rgb(54,122,213) |
hsl(214,65%,52%) |
#D59136 |
rgb(213,145,54) |
hsl(34,65%,52%) |
#36C9D5 |
rgb(54,201,213) |
hsl(185,65%,52%) |
#C9D636 |
rgb(201,214,54) |
hsl(65,66%,53%) |