HEX #3866D2 color — Mariner
The color #3866D2 is a dark shade and moderately saturated.
Palette
3866D2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(222,63%,97%) |
#dee5f7 |
rgb(222,229,247) |
hsl(222,63%,92%) |
#c9d5f3 |
rgb(201,213,243) |
hsl(222,63%,87%) |
#b4c6ee |
rgb(180,198,238) |
hsl(222,63%,82%) |
#9fb6e9 |
rgb(159,182,233) |
hsl(222,63%,77%) |
#8ba6e5 |
rgb(139,166,229) |
hsl(222,63%,72%) |
#7696e0 |
rgb(118,150,224) |
hsl(222,63%,67%) |
#6186db |
rgb(97,134,219) |
hsl(222,63%,62%) |
#4c76d6 |
rgb(76,118,214) |
hsl(222,63%,57%) |
#3766d2 |
rgb(55,102,210) |
hsl(222,63%,52%) |
#2c5ac3 |
rgb(44,90,195) |
hsl(222,63%,47%) |
#2850af |
rgb(40,80,175) |
hsl(222,63%,42%) |
#23479a |
rgb(35,71,154) |
hsl(222,63%,37%) |
#1e3d85 |
rgb(30,61,133) |
hsl(222,63%,32%) |
#193370 |
rgb(25,51,112) |
hsl(222,63%,27%) |
#152a5b |
rgb(21,42,91) |
hsl(222,63%,22%) |
#102047 |
rgb(16,32,71) |
hsl(222,63%,17%) |
#0b1732 |
rgb(11,23,50) |
hsl(222,63%,12%) |
#070d1d |
rgb(7,13,29) |
hsl(222,63%,7%) |
#020408 |
rgb(2,4,8) |
hsl(222,63%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#38CCD2 |
rgb(56,204,210) |
hsl(182,63%,52%) |
#3866D2 |
rgb(56,102,210) |
hsl(222,63%,52%) |
#7038D2 |
rgb(112,56,210) |
hsl(262,63%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7D9CE1 |
rgb(125,156,225) |
hsl(221,63%,69%) |
#5A80D9 |
rgb(90,128,217) |
hsl(222,63%,60%) |
#3866D2 |
rgb(56,102,210) |
hsl(222,63%,52%) |
#2954B6 |
rgb(41,84,182) |
hsl(222,63%,44%) |
#214293 |
rgb(33,66,147) |
hsl(223,63%,35%) |
#193370 |
rgb(25,51,112) |
hsl(222,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3866D2 |
rgb(56,102,210) |
hsl(222,63%,52%) |
#D25738 |
rgb(210,87,56) |
hsl(12,63%,52%) |
#B3D138 |
rgb(179,209,56) |
hsl(72,62%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3866D2 |
rgb(56,102,210) |
hsl(222,63%,52%) |
#D2A338 |
rgb(210,163,56) |
hsl(42,63%,52%) |
#38B3D2 |
rgb(56,179,210) |
hsl(192,63%,52%) |
#B3D138 |
rgb(179,209,56) |
hsl(72,62%,52%) |