HEX #345AD5 color — Mariner

The color #345ad5 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

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%)