HEX #3A66D2 color — Mariner
The color #3A66D2 is a dark shade and moderately saturated.
Palette
3A66D2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(223,63%,98%) |
#e2e8f8 |
rgb(226,232,248) |
hsl(223,63%,93%) |
#cdd8f4 |
rgb(205,216,244) |
hsl(223,63%,88%) |
#b8c8ef |
rgb(184,200,239) |
hsl(223,63%,83%) |
#a4b8ea |
rgb(164,184,234) |
hsl(223,63%,78%) |
#8fa7e6 |
rgb(143,167,230) |
hsl(223,63%,73%) |
#7a97e1 |
rgb(122,151,225) |
hsl(223,63%,68%) |
#6587dc |
rgb(101,135,220) |
hsl(223,63%,63%) |
#5077d7 |
rgb(80,119,215) |
hsl(223,63%,58%) |
#3c66d3 |
rgb(60,102,211) |
hsl(223,63%,53%) |
#2d59c8 |
rgb(45,89,200) |
hsl(223,63%,48%) |
#2950b3 |
rgb(41,80,179) |
hsl(223,63%,43%) |
#24469e |
rgb(36,70,158) |
hsl(223,63%,38%) |
#1f3d89 |
rgb(31,61,137) |
hsl(223,63%,33%) |
#1a3474 |
rgb(26,52,116) |
hsl(223,63%,28%) |
#162b60 |
rgb(22,43,96) |
hsl(223,63%,23%) |
#11214b |
rgb(17,33,75) |
hsl(223,63%,18%) |
#0c1836 |
rgb(12,24,54) |
hsl(223,63%,13%) |
#080f21 |
rgb(8,15,33) |
hsl(223,63%,8%) |
#03060c |
rgb(3,6,12) |
hsl(223,63%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ACCD2 |
rgb(58,204,210) |
hsl(182,63%,53%) |
#3A66D2 |
rgb(58,102,210) |
hsl(223,63%,53%) |
#733BD2 |
rgb(115,59,210) |
hsl(262,63%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7F9CE1 |
rgb(127,156,225) |
hsl(222,62%,69%) |
#5C82D9 |
rgb(92,130,217) |
hsl(222,62%,61%) |
#3A66D2 |
rgb(58,102,210) |
hsl(223,63%,53%) |
#2952B7 |
rgb(41,82,183) |
hsl(223,63%,44%) |
#214294 |
rgb(33,66,148) |
hsl(223,64%,35%) |
#193371 |
rgb(25,51,113) |
hsl(222,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A66D2 |
rgb(58,102,210) |
hsl(223,63%,53%) |
#D2593A |
rgb(210,89,58) |
hsl(12,63%,53%) |
#B2D13A |
rgb(178,209,58) |
hsl(72,62%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A66D2 |
rgb(58,102,210) |
hsl(223,63%,53%) |
#D2A63A |
rgb(210,166,58) |
hsl(43,63%,53%) |
#3AB3D2 |
rgb(58,179,210) |
hsl(192,63%,53%) |
#B2D13A |
rgb(178,209,58) |
hsl(72,62%,52%) |