HEX #377AD2 color — Mariner
The color #377AD2 is a dark shade and moderately saturated.
Palette
377AD2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(214,63%,97%) |
#dee9f7 |
rgb(222,233,247) |
hsl(214,63%,92%) |
#c9dbf3 |
rgb(201,219,243) |
hsl(214,63%,87%) |
#b4cdee |
rgb(180,205,238) |
hsl(214,63%,82%) |
#9fbfe9 |
rgb(159,191,233) |
hsl(214,63%,77%) |
#8bb2e5 |
rgb(139,178,229) |
hsl(214,63%,72%) |
#76a4e0 |
rgb(118,164,224) |
hsl(214,63%,67%) |
#6196db |
rgb(97,150,219) |
hsl(214,63%,62%) |
#4c88d6 |
rgb(76,136,214) |
hsl(214,63%,57%) |
#377ad2 |
rgb(55,122,210) |
hsl(214,63%,52%) |
#2c6ec3 |
rgb(44,110,195) |
hsl(214,63%,47%) |
#2862af |
rgb(40,98,175) |
hsl(214,63%,42%) |
#23569a |
rgb(35,86,154) |
hsl(214,63%,37%) |
#1e4b85 |
rgb(30,75,133) |
hsl(214,63%,32%) |
#193f70 |
rgb(25,63,112) |
hsl(214,63%,27%) |
#15335b |
rgb(21,51,91) |
hsl(214,63%,22%) |
#102847 |
rgb(16,40,71) |
hsl(214,63%,17%) |
#0b1c32 |
rgb(11,28,50) |
hsl(214,63%,12%) |
#07101d |
rgb(7,16,29) |
hsl(214,63%,7%) |
#020508 |
rgb(2,5,8) |
hsl(214,63%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#37D1C2 |
rgb(55,209,194) |
hsl(174,63%,52%) |
#377AD2 |
rgb(55,122,210) |
hsl(214,63%,52%) |
#5B38D2 |
rgb(91,56,210) |
hsl(254,63%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7CA8E1 |
rgb(124,168,225) |
hsl(214,63%,68%) |
#5991D9 |
rgb(89,145,217) |
hsl(214,63%,60%) |
#377AD2 |
rgb(55,122,210) |
hsl(214,63%,52%) |
#2866B5 |
rgb(40,102,181) |
hsl(214,64%,43%) |
#215293 |
rgb(33,82,147) |
hsl(214,63%,35%) |
#194070 |
rgb(25,64,112) |
hsl(213,64%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#377AD2 |
rgb(55,122,210) |
hsl(214,63%,52%) |
#D24237 |
rgb(210,66,55) |
hsl(4,63%,52%) |
#C7D137 |
rgb(199,209,55) |
hsl(64,63%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#377AD2 |
rgb(55,122,210) |
hsl(214,63%,52%) |
#D28F37 |
rgb(210,143,55) |
hsl(34,63%,52%) |
#37C7D2 |
rgb(55,199,210) |
hsl(184,63%,52%) |
#C7D137 |
rgb(199,209,55) |
hsl(64,63%,52%) |