HEX #3680D1 color — Mariner
The color #3680D1 is a dark shade and moderately saturated.
Palette
3680D1 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(211,63%,97%) |
#deeaf7 |
rgb(222,234,247) |
hsl(211,63%,92%) |
#c9ddf3 |
rgb(201,221,243) |
hsl(211,63%,87%) |
#b4d0ee |
rgb(180,208,238) |
hsl(211,63%,82%) |
#9fc3e9 |
rgb(159,195,233) |
hsl(211,63%,77%) |
#8bb6e5 |
rgb(139,182,229) |
hsl(211,63%,72%) |
#76a9e0 |
rgb(118,169,224) |
hsl(211,63%,67%) |
#619cdb |
rgb(97,156,219) |
hsl(211,63%,62%) |
#4c8fd6 |
rgb(76,143,214) |
hsl(211,63%,57%) |
#3782d2 |
rgb(55,130,210) |
hsl(211,63%,52%) |
#2c75c3 |
rgb(44,117,195) |
hsl(211,63%,47%) |
#2869af |
rgb(40,105,175) |
hsl(211,63%,42%) |
#235c9a |
rgb(35,92,154) |
hsl(211,63%,37%) |
#1e5085 |
rgb(30,80,133) |
hsl(211,63%,32%) |
#194370 |
rgb(25,67,112) |
hsl(211,63%,27%) |
#15375b |
rgb(21,55,91) |
hsl(211,63%,22%) |
#102a47 |
rgb(16,42,71) |
hsl(211,63%,17%) |
#0b1e32 |
rgb(11,30,50) |
hsl(211,63%,12%) |
#07111d |
rgb(7,17,29) |
hsl(211,63%,7%) |
#020508 |
rgb(2,5,8) |
hsl(211,63%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#36D1BA |
rgb(54,209,186) |
hsl(171,63%,52%) |
#3680D1 |
rgb(54,128,209) |
hsl(211,63%,52%) |
#5336D1 |
rgb(83,54,209) |
hsl(251,63%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7AABE0 |
rgb(122,171,224) |
hsl(211,62%,68%) |
#5896D8 |
rgb(88,150,216) |
hsl(211,62%,60%) |
#3680D1 |
rgb(54,128,209) |
hsl(211,63%,52%) |
#296BB3 |
rgb(41,107,179) |
hsl(211,63%,43%) |
#215791 |
rgb(33,87,145) |
hsl(211,63%,35%) |
#19426F |
rgb(25,66,111) |
hsl(211,63%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3680D1 |
rgb(54,128,209) |
hsl(211,63%,52%) |
#D13B36 |
rgb(209,59,54) |
hsl(2,63%,52%) |
#CDD136 |
rgb(205,209,54) |
hsl(62,63%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3680D1 |
rgb(54,128,209) |
hsl(211,63%,52%) |
#D18736 |
rgb(209,135,54) |
hsl(31,63%,52%) |
#36CFD1 |
rgb(54,207,209) |
hsl(181,63%,52%) |
#CDD136 |
rgb(205,209,54) |
hsl(62,63%,52%) |