HEX #345CD5 color — Mariner
The color #345cd5 is a dark shade and moderately saturated.
Palette
345cd5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f5fc |
rgb(242,245,252) |
hsl(225,66%,97%) |
#dde4f8 |
rgb(221,228,248) |
hsl(225,66%,92%) |
#c8d3f4 |
rgb(200,211,244) |
hsl(225,66%,87%) |
#b3c2ef |
rgb(179,194,239) |
hsl(225,66%,82%) |
#9eb1eb |
rgb(158,177,235) |
hsl(225,66%,77%) |
#88a0e7 |
rgb(136,160,231) |
hsl(225,66%,72%) |
#738fe2 |
rgb(115,143,226) |
hsl(225,66%,67%) |
#5e7ede |
rgb(94,126,222) |
hsl(225,66%,62%) |
#496dda |
rgb(73,109,218) |
hsl(225,66%,57%) |
#345cd5 |
rgb(52,92,213) |
hsl(225,66%,52%) |
#2950c7 |
rgb(41,80,199) |
hsl(225,66%,47%) |
#2448b2 |
rgb(36,72,178) |
hsl(225,66%,42%) |
#203f9d |
rgb(32,63,157) |
hsl(225,66%,37%) |
#1c3787 |
rgb(28,55,135) |
hsl(225,66%,32%) |
#172e72 |
rgb(23,46,114) |
hsl(225,66%,27%) |
#13265d |
rgb(19,38,93) |
hsl(225,66%,22%) |
#0f1d48 |
rgb(15,29,72) |
hsl(225,66%,17%) |
#0a1533 |
rgb(10,21,51) |
hsl(225,66%,12%) |
#060c1e |
rgb(6,12,30) |
hsl(225,66%,7%) |
#020308 |
rgb(2,3,8) |
hsl(225,66%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#34C7D5 |
rgb(52,199,213) |
hsl(185,66%,52%) |
#345CD5 |
rgb(52,92,213) |
hsl(225,66%,52%) |
#7733D5 |
rgb(119,51,213) |
hsl(265,66%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7A94E3 |
rgb(122,148,227) |
hsl(225,65%,68%) |
#5778DC |
rgb(87,120,220) |
hsl(225,66%,60%) |
#345CD5 |
rgb(52,92,213) |
hsl(225,66%,52%) |
#264AB8 |
rgb(38,74,184) |
hsl(225,66%,44%) |
#1E3D95 |
rgb(30,61,149) |
hsl(224,66%,35%) |
#172E72 |
rgb(23,46,114) |
hsl(225,66%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#345CD5 |
rgb(52,92,213) |
hsl(225,66%,52%) |
#D55C34 |
rgb(213,92,52) |
hsl(15,66%,52%) |
#ACD634 |
rgb(172,214,52) |
hsl(76,66%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#345CD5 |
rgb(52,92,213) |
hsl(225,66%,52%) |
#D5AD34 |
rgb(213,173,52) |
hsl(45,66%,52%) |
#34ADD5 |
rgb(52,173,213) |
hsl(195,66%,52%) |
#ACD634 |
rgb(172,214,52) |
hsl(76,66%,52%) |