HEX #3369D5 color — Mariner
The color #3369D5 is a dark shade and moderately saturated.
Palette
3369D5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fc |
rgb(242,246,252) |
hsl(220,66%,97%) |
#dde6f8 |
rgb(221,230,248) |
hsl(220,66%,92%) |
#c8d7f4 |
rgb(200,215,244) |
hsl(220,66%,87%) |
#b3c7ef |
rgb(179,199,239) |
hsl(220,66%,82%) |
#9eb7eb |
rgb(158,183,235) |
hsl(220,66%,77%) |
#88a8e7 |
rgb(136,168,231) |
hsl(220,66%,72%) |
#7398e2 |
rgb(115,152,226) |
hsl(220,66%,67%) |
#5e89de |
rgb(94,137,222) |
hsl(220,66%,62%) |
#4979da |
rgb(73,121,218) |
hsl(220,66%,57%) |
#346ad5 |
rgb(52,106,213) |
hsl(220,66%,52%) |
#295dc7 |
rgb(41,93,199) |
hsl(220,66%,47%) |
#2454b2 |
rgb(36,84,178) |
hsl(220,66%,42%) |
#204a9d |
rgb(32,74,157) |
hsl(220,66%,37%) |
#1c4087 |
rgb(28,64,135) |
hsl(220,66%,32%) |
#173672 |
rgb(23,54,114) |
hsl(220,66%,27%) |
#132c5d |
rgb(19,44,93) |
hsl(220,66%,22%) |
#0f2248 |
rgb(15,34,72) |
hsl(220,66%,17%) |
#0a1833 |
rgb(10,24,51) |
hsl(220,66%,12%) |
#060e1e |
rgb(6,14,30) |
hsl(220,66%,7%) |
#020408 |
rgb(2,4,8) |
hsl(220,66%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33D6D5 |
rgb(51,214,213) |
hsl(180,67%,52%) |
#3369D5 |
rgb(51,105,213) |
hsl(220,66%,52%) |
#6933D5 |
rgb(105,51,213) |
hsl(260,66%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#799CE3 |
rgb(121,156,227) |
hsl(220,65%,68%) |
#5682DC |
rgb(86,130,220) |
hsl(220,66%,60%) |
#3369D5 |
rgb(51,105,213) |
hsl(220,66%,52%) |
#2557B7 |
rgb(37,87,183) |
hsl(219,66%,43%) |
#1E4594 |
rgb(30,69,148) |
hsl(220,66%,35%) |
#173671 |
rgb(23,54,113) |
hsl(219,66%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3369D5 |
rgb(51,105,213) |
hsl(220,66%,52%) |
#D54F33 |
rgb(213,79,51) |
hsl(10,66%,52%) |
#BAD633 |
rgb(186,214,51) |
hsl(70,67%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3369D5 |
rgb(51,105,213) |
hsl(220,66%,52%) |
#D59E33 |
rgb(213,158,51) |
hsl(40,66%,52%) |
#33BAD5 |
rgb(51,186,213) |
hsl(190,66%,52%) |
#BAD633 |
rgb(186,214,51) |
hsl(70,67%,52%) |