HEX #3661D2 color — Mariner
The color #3661D2 is a dark shade and moderately saturated.
Palette
3661D2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(223,63%,97%) |
#dee5f7 |
rgb(222,229,247) |
hsl(223,63%,92%) |
#c9d5f3 |
rgb(201,213,243) |
hsl(223,63%,87%) |
#b4c5ee |
rgb(180,197,238) |
hsl(223,63%,82%) |
#9fb4e9 |
rgb(159,180,233) |
hsl(223,63%,77%) |
#8ba4e5 |
rgb(139,164,229) |
hsl(223,63%,72%) |
#7694e0 |
rgb(118,148,224) |
hsl(223,63%,67%) |
#6184db |
rgb(97,132,219) |
hsl(223,63%,62%) |
#4c73d6 |
rgb(76,115,214) |
hsl(223,63%,57%) |
#3763d2 |
rgb(55,99,210) |
hsl(223,63%,52%) |
#2c57c3 |
rgb(44,87,195) |
hsl(223,63%,47%) |
#284eaf |
rgb(40,78,175) |
hsl(223,63%,42%) |
#23459a |
rgb(35,69,154) |
hsl(223,63%,37%) |
#1e3b85 |
rgb(30,59,133) |
hsl(223,63%,32%) |
#193270 |
rgb(25,50,112) |
hsl(223,63%,27%) |
#15295b |
rgb(21,41,91) |
hsl(223,63%,22%) |
#102047 |
rgb(16,32,71) |
hsl(223,63%,17%) |
#0b1632 |
rgb(11,22,50) |
hsl(223,63%,12%) |
#070d1d |
rgb(7,13,29) |
hsl(223,63%,7%) |
#020408 |
rgb(2,4,8) |
hsl(223,63%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#36C9D2 |
rgb(54,201,210) |
hsl(183,63%,52%) |
#3661D2 |
rgb(54,97,210) |
hsl(223,63%,52%) |
#7336D2 |
rgb(115,54,210) |
hsl(263,63%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7B96E1 |
rgb(123,150,225) |
hsl(224,63%,68%) |
#587DD9 |
rgb(88,125,217) |
hsl(223,63%,60%) |
#3661D2 |
rgb(54,97,210) |
hsl(223,63%,52%) |
#284FB5 |
rgb(40,79,181) |
hsl(223,64%,43%) |
#204092 |
rgb(32,64,146) |
hsl(223,64%,35%) |
#193070 |
rgb(25,48,112) |
hsl(224,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3661D2 |
rgb(54,97,210) |
hsl(223,63%,52%) |
#D25936 |
rgb(210,89,54) |
hsl(13,63%,52%) |
#AFD136 |
rgb(175,209,54) |
hsl(73,63%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3661D2 |
rgb(54,97,210) |
hsl(223,63%,52%) |
#D2A636 |
rgb(210,166,54) |
hsl(43,63%,52%) |
#36B0D2 |
rgb(54,176,210) |
hsl(193,63%,52%) |
#AFD136 |
rgb(175,209,54) |
hsl(73,63%,52%) |