HEX #366ED0 color — Mariner
The color #366ED0 is a dark shade and moderately saturated.
Palette
366ED0 color palette from light to dark
HEX |
RGB |
HSL |
#eef3fb |
rgb(238,243,251) |
hsl(218,62%,96%) |
#dae4f6 |
rgb(218,228,246) |
hsl(218,62%,91%) |
#c5d5f1 |
rgb(197,213,241) |
hsl(218,62%,86%) |
#b1c7ed |
rgb(177,199,237) |
hsl(218,62%,81%) |
#9cb8e8 |
rgb(156,184,232) |
hsl(218,62%,76%) |
#87a9e3 |
rgb(135,169,227) |
hsl(218,62%,71%) |
#739ade |
rgb(115,154,222) |
hsl(218,62%,66%) |
#5e8bd9 |
rgb(94,139,217) |
hsl(218,62%,61%) |
#497cd4 |
rgb(73,124,212) |
hsl(218,62%,56%) |
#356dd0 |
rgb(53,109,208) |
hsl(218,62%,51%) |
#2d62be |
rgb(45,98,190) |
hsl(218,62%,46%) |
#2857a9 |
rgb(40,87,169) |
hsl(218,62%,41%) |
#234d95 |
rgb(35,77,149) |
hsl(218,62%,36%) |
#1e4280 |
rgb(30,66,128) |
hsl(218,62%,31%) |
#19376b |
rgb(25,55,107) |
hsl(218,62%,26%) |
#142d57 |
rgb(20,45,87) |
hsl(218,62%,21%) |
#102242 |
rgb(16,34,66) |
hsl(218,62%,16%) |
#0b172d |
rgb(11,23,45) |
hsl(218,62%,11%) |
#060d19 |
rgb(6,13,25) |
hsl(218,62%,6%) |
#010204 |
rgb(1,2,4) |
hsl(218,62%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#36D1CB |
rgb(54,209,203) |
hsl(178,63%,52%) |
#366ED0 |
rgb(54,110,208) |
hsl(218,62%,51%) |
#6436D0 |
rgb(100,54,208) |
hsl(258,62%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#799EDF |
rgb(121,158,223) |
hsl(218,61%,67%) |
#5787D7 |
rgb(87,135,215) |
hsl(218,62%,59%) |
#366ED0 |
rgb(54,110,208) |
hsl(218,62%,51%) |
#295CB2 |
rgb(41,92,178) |
hsl(218,63%,43%) |
#214A90 |
rgb(33,74,144) |
hsl(218,63%,35%) |
#19386E |
rgb(25,56,110) |
hsl(218,63%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#366ED0 |
rgb(54,110,208) |
hsl(218,62%,51%) |
#D04A36 |
rgb(208,74,54) |
hsl(8,62%,51%) |
#BBD136 |
rgb(187,209,54) |
hsl(69,63%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366ED0 |
rgb(54,110,208) |
hsl(218,62%,51%) |
#D09936 |
rgb(208,153,54) |
hsl(39,62%,51%) |
#36BAD0 |
rgb(54,186,208) |
hsl(189,62%,51%) |
#BBD136 |
rgb(187,209,54) |
hsl(69,63%,52%) |