HEX #367AD3 color — Mariner
The color #367ad3 is a dark shade and moderately saturated.
Palette
367ad3 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fc |
rgb(242,247,252) |
hsl(214,64%,97%) |
#dee9f8 |
rgb(222,233,248) |
hsl(214,64%,92%) |
#c9dbf3 |
rgb(201,219,243) |
hsl(214,64%,87%) |
#b4cdee |
rgb(180,205,238) |
hsl(214,64%,82%) |
#9fbfea |
rgb(159,191,234) |
hsl(214,64%,77%) |
#8ab2e5 |
rgb(138,178,229) |
hsl(214,64%,72%) |
#75a4e1 |
rgb(117,164,225) |
hsl(214,64%,67%) |
#6096dc |
rgb(96,150,220) |
hsl(214,64%,62%) |
#4b88d8 |
rgb(75,136,216) |
hsl(214,64%,57%) |
#367ad3 |
rgb(54,122,211) |
hsl(214,64%,52%) |
#2b6ec5 |
rgb(43,110,197) |
hsl(214,64%,47%) |
#2762b0 |
rgb(39,98,176) |
hsl(214,64%,42%) |
#22569b |
rgb(34,86,155) |
hsl(214,64%,37%) |
#1d4b86 |
rgb(29,75,134) |
hsl(214,64%,32%) |
#193f71 |
rgb(25,63,113) |
hsl(214,64%,27%) |
#14335c |
rgb(20,51,92) |
hsl(214,64%,22%) |
#102847 |
rgb(16,40,71) |
hsl(214,64%,17%) |
#0b1c32 |
rgb(11,28,50) |
hsl(214,64%,12%) |
#06101d |
rgb(6,16,29) |
hsl(214,64%,7%) |
#020508 |
rgb(2,5,8) |
hsl(214,64%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#36D4C3 |
rgb(54,212,195) |
hsl(174,65%,52%) |
#367AD3 |
rgb(54,122,211) |
hsl(214,64%,52%) |
#5A36D3 |
rgb(90,54,211) |
hsl(254,64%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7BA8E2 |
rgb(123,168,226) |
hsl(214,64%,68%) |
#5891DA |
rgb(88,145,218) |
hsl(214,64%,60%) |
#367AD3 |
rgb(54,122,211) |
hsl(214,64%,52%) |
#2766B6 |
rgb(39,102,182) |
hsl(214,65%,43%) |
#205293 |
rgb(32,82,147) |
hsl(214,64%,35%) |
#184071 |
rgb(24,64,113) |
hsl(213,65%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#367AD3 |
rgb(54,122,211) |
hsl(214,64%,52%) |
#D34036 |
rgb(211,64,54) |
hsl(4,64%,52%) |
#C8D436 |
rgb(200,212,54) |
hsl(65,65%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#367AD3 |
rgb(54,122,211) |
hsl(214,64%,52%) |
#D38F36 |
rgb(211,143,54) |
hsl(34,64%,52%) |
#36C9D3 |
rgb(54,201,211) |
hsl(184,64%,52%) |
#C8D436 |
rgb(200,212,54) |
hsl(65,65%,52%) |