HEX #345ED5 color — Mariner
The color #345ED5 is a dark shade and moderately saturated.
Palette
345ED5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f5fc |
rgb(242,245,252) |
hsl(224,66%,97%) |
#dde4f8 |
rgb(221,228,248) |
hsl(224,66%,92%) |
#c8d4f4 |
rgb(200,212,244) |
hsl(224,66%,87%) |
#b3c3ef |
rgb(179,195,239) |
hsl(224,66%,82%) |
#9eb2eb |
rgb(158,178,235) |
hsl(224,66%,77%) |
#88a2e7 |
rgb(136,162,231) |
hsl(224,66%,72%) |
#7391e2 |
rgb(115,145,226) |
hsl(224,66%,67%) |
#5e80de |
rgb(94,128,222) |
hsl(224,66%,62%) |
#4970da |
rgb(73,112,218) |
hsl(224,66%,57%) |
#345fd5 |
rgb(52,95,213) |
hsl(224,66%,52%) |
#2953c7 |
rgb(41,83,199) |
hsl(224,66%,47%) |
#244ab2 |
rgb(36,74,178) |
hsl(224,66%,42%) |
#20419d |
rgb(32,65,157) |
hsl(224,66%,37%) |
#1c3887 |
rgb(28,56,135) |
hsl(224,66%,32%) |
#173072 |
rgb(23,48,114) |
hsl(224,66%,27%) |
#13275d |
rgb(19,39,93) |
hsl(224,66%,22%) |
#0f1e48 |
rgb(15,30,72) |
hsl(224,66%,17%) |
#0a1533 |
rgb(10,21,51) |
hsl(224,66%,12%) |
#060c1e |
rgb(6,12,30) |
hsl(224,66%,7%) |
#020408 |
rgb(2,4,8) |
hsl(224,66%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#34C9D5 |
rgb(52,201,213) |
hsl(184,66%,52%) |
#345ED5 |
rgb(52,94,213) |
hsl(224,66%,52%) |
#7533D5 |
rgb(117,51,213) |
hsl(264,66%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7A96E3 |
rgb(122,150,227) |
hsl(224,65%,68%) |
#577ADC |
rgb(87,122,220) |
hsl(224,66%,60%) |
#345ED5 |
rgb(52,94,213) |
hsl(224,66%,52%) |
#264DB8 |
rgb(38,77,184) |
hsl(224,66%,44%) |
#1E3D95 |
rgb(30,61,149) |
hsl(224,66%,35%) |
#173072 |
rgb(23,48,114) |
hsl(224,66%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#345ED5 |
rgb(52,94,213) |
hsl(224,66%,52%) |
#D55934 |
rgb(213,89,52) |
hsl(14,66%,52%) |
#AED634 |
rgb(174,214,52) |
hsl(75,66%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#345ED5 |
rgb(52,94,213) |
hsl(224,66%,52%) |
#D5AB34 |
rgb(213,171,52) |
hsl(44,66%,52%) |
#34ADD5 |
rgb(52,173,213) |
hsl(195,66%,52%) |
#AED634 |
rgb(174,214,52) |
hsl(75,66%,52%) |