HEX #345AD5 color — Mariner
The color #345ad5 is a dark shade and moderately saturated.
Palette
345ad5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f5fc |
rgb(242,245,252) |
hsl(226,66%,97%) |
#dde3f8 |
rgb(221,227,248) |
hsl(226,66%,92%) |
#c8d2f4 |
rgb(200,210,244) |
hsl(226,66%,87%) |
#b3c1ef |
rgb(179,193,239) |
hsl(226,66%,82%) |
#9eb0eb |
rgb(158,176,235) |
hsl(226,66%,77%) |
#889ee7 |
rgb(136,158,231) |
hsl(226,66%,72%) |
#738de2 |
rgb(115,141,226) |
hsl(226,66%,67%) |
#5e7cde |
rgb(94,124,222) |
hsl(226,66%,62%) |
#496bda |
rgb(73,107,218) |
hsl(226,66%,57%) |
#345ad5 |
rgb(52,90,213) |
hsl(226,66%,52%) |
#294ec7 |
rgb(41,78,199) |
hsl(226,66%,47%) |
#2445b2 |
rgb(36,69,178) |
hsl(226,66%,42%) |
#203d9d |
rgb(32,61,157) |
hsl(226,66%,37%) |
#1c3587 |
rgb(28,53,135) |
hsl(226,66%,32%) |
#172d72 |
rgb(23,45,114) |
hsl(226,66%,27%) |
#13245d |
rgb(19,36,93) |
hsl(226,66%,22%) |
#0f1c48 |
rgb(15,28,72) |
hsl(226,66%,17%) |
#0a1433 |
rgb(10,20,51) |
hsl(226,66%,12%) |
#060c1e |
rgb(6,12,30) |
hsl(226,66%,7%) |
#020308 |
rgb(2,3,8) |
hsl(226,66%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#34C4D5 |
rgb(52,196,213) |
hsl(186,66%,52%) |
#345AD5 |
rgb(52,90,213) |
hsl(226,66%,52%) |
#7933D5 |
rgb(121,51,213) |
hsl(266,66%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7A94E3 |
rgb(122,148,227) |
hsl(225,65%,68%) |
#5775DC |
rgb(87,117,220) |
hsl(226,66%,60%) |
#345AD5 |
rgb(52,90,213) |
hsl(226,66%,52%) |
#264AB8 |
rgb(38,74,184) |
hsl(225,66%,44%) |
#1E3B95 |
rgb(30,59,149) |
hsl(225,66%,35%) |
#172E72 |
rgb(23,46,114) |
hsl(225,66%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#345AD5 |
rgb(52,90,213) |
hsl(226,66%,52%) |
#D55E34 |
rgb(213,94,52) |
hsl(16,66%,52%) |
#AAD634 |
rgb(170,214,52) |
hsl(76,66%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#345AD5 |
rgb(52,90,213) |
hsl(226,66%,52%) |
#D5B034 |
rgb(213,176,52) |
hsl(46,66%,52%) |
#34ABD5 |
rgb(52,171,213) |
hsl(196,66%,52%) |
#AAD634 |
rgb(170,214,52) |
hsl(76,66%,52%) |