HEX #377AD1 color — Mariner
The color #377AD1 is a dark shade and moderately saturated.
Palette
377AD1 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 |
#37D1C1 |
rgb(55,209,193) |
hsl(174,63%,52%) |
#377AD1 |
rgb(55,122,209) |
hsl(214,63%,52%) |
#5A38D1 |
rgb(90,56,209) |
hsl(253,62%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7BA8E0 |
rgb(123,168,224) |
hsl(213,62%,68%) |
#5991D8 |
rgb(89,145,216) |
hsl(214,62%,60%) |
#377AD1 |
rgb(55,122,209) |
hsl(214,63%,52%) |
#2966B4 |
rgb(41,102,180) |
hsl(214,63%,43%) |
#215291 |
rgb(33,82,145) |
hsl(214,63%,35%) |
#19406F |
rgb(25,64,111) |
hsl(213,63%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#377AD1 |
rgb(55,122,209) |
hsl(214,63%,52%) |
#D14037 |
rgb(209,64,55) |
hsl(4,63%,52%) |
#C7D137 |
rgb(199,209,55) |
hsl(64,63%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#377AD1 |
rgb(55,122,209) |
hsl(214,63%,52%) |
#D18F37 |
rgb(209,143,55) |
hsl(34,63%,52%) |
#37C7D1 |
rgb(55,199,209) |
hsl(184,63%,52%) |
#C7D137 |
rgb(199,209,55) |
hsl(64,63%,52%) |