HEX #3A66CD color — Mariner
The color #3A66CD is a dark shade and moderately saturated.
Palette
3A66CD color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(222,60%,97%) |
#dee6f7 |
rgb(222,230,247) |
hsl(222,60%,92%) |
#cad6f2 |
rgb(202,214,242) |
hsl(222,60%,87%) |
#b6c6ed |
rgb(182,198,237) |
hsl(222,60%,82%) |
#a1b6e8 |
rgb(161,182,232) |
hsl(222,60%,77%) |
#8da6e2 |
rgb(141,166,226) |
hsl(222,60%,72%) |
#7897dd |
rgb(120,151,221) |
hsl(222,60%,67%) |
#6487d8 |
rgb(100,135,216) |
hsl(222,60%,62%) |
#5077d3 |
rgb(80,119,211) |
hsl(222,60%,57%) |
#3b67ce |
rgb(59,103,206) |
hsl(222,60%,52%) |
#305bc0 |
rgb(48,91,192) |
hsl(222,60%,47%) |
#2b51ab |
rgb(43,81,171) |
hsl(222,60%,42%) |
#264897 |
rgb(38,72,151) |
hsl(222,60%,37%) |
#213e83 |
rgb(33,62,131) |
hsl(222,60%,32%) |
#1c346e |
rgb(28,52,110) |
hsl(222,60%,27%) |
#162b5a |
rgb(22,43,90) |
hsl(222,60%,22%) |
#112145 |
rgb(17,33,69) |
hsl(222,60%,17%) |
#0c1731 |
rgb(12,23,49) |
hsl(222,60%,12%) |
#070e1d |
rgb(7,14,29) |
hsl(222,60%,7%) |
#020408 |
rgb(2,4,8) |
hsl(222,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AC7CD |
rgb(58,199,205) |
hsl(182,60%,52%) |
#3A66CD |
rgb(58,102,205) |
hsl(222,60%,52%) |
#703BCD |
rgb(112,59,205) |
hsl(262,59%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7D99DE |
rgb(125,153,222) |
hsl(223,60%,68%) |
#5B80D5 |
rgb(91,128,213) |
hsl(222,59%,60%) |
#3A66CD |
rgb(58,102,205) |
hsl(222,60%,52%) |
#2C54B0 |
rgb(44,84,176) |
hsl(222,60%,43%) |
#24458E |
rgb(36,69,142) |
hsl(221,60%,35%) |
#1B336D |
rgb(27,51,109) |
hsl(222,60%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A66CD |
rgb(58,102,205) |
hsl(222,60%,52%) |
#CD573A |
rgb(205,87,58) |
hsl(12,60%,52%) |
#AFCC3A |
rgb(175,204,58) |
hsl(72,59%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A66CD |
rgb(58,102,205) |
hsl(222,60%,52%) |
#CDA13A |
rgb(205,161,58) |
hsl(42,60%,52%) |
#3AB0CD |
rgb(58,176,205) |
hsl(192,60%,52%) |
#AFCC3A |
rgb(175,204,58) |
hsl(72,59%,51%) |