HEX #3661D1 color — Mariner
The color #3661D1 is a dark shade and moderately saturated.
Palette
3661D1 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 |
#36C9D1 |
rgb(54,201,209) |
hsl(183,63%,52%) |
#3661D1 |
rgb(54,97,209) |
hsl(223,63%,52%) |
#7236D1 |
rgb(114,54,209) |
hsl(263,63%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7A96E0 |
rgb(122,150,224) |
hsl(224,62%,68%) |
#587DD8 |
rgb(88,125,216) |
hsl(223,62%,60%) |
#3661D1 |
rgb(54,97,209) |
hsl(223,63%,52%) |
#294FB3 |
rgb(41,79,179) |
hsl(223,63%,43%) |
#214091 |
rgb(33,64,145) |
hsl(223,63%,35%) |
#19306F |
rgb(25,48,111) |
hsl(224,63%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3661D1 |
rgb(54,97,209) |
hsl(223,63%,52%) |
#D15936 |
rgb(209,89,54) |
hsl(14,63%,52%) |
#AED136 |
rgb(174,209,54) |
hsl(74,63%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3661D1 |
rgb(54,97,209) |
hsl(223,63%,52%) |
#D1A636 |
rgb(209,166,54) |
hsl(43,63%,52%) |
#36ADD1 |
rgb(54,173,209) |
hsl(194,63%,52%) |
#AED136 |
rgb(174,209,54) |
hsl(74,63%,52%) |