HEX #377AD4 color — Mariner
The color #377AD4 is a dark shade and moderately saturated.
Palette
377AD4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fc |
rgb(242,247,252) |
hsl(214,65%,97%) |
#dde9f8 |
rgb(221,233,248) |
hsl(214,65%,92%) |
#c8dbf3 |
rgb(200,219,243) |
hsl(214,65%,87%) |
#b3cdef |
rgb(179,205,239) |
hsl(214,65%,82%) |
#9ebfea |
rgb(158,191,234) |
hsl(214,65%,77%) |
#89b1e6 |
rgb(137,177,230) |
hsl(214,65%,72%) |
#74a4e2 |
rgb(116,164,226) |
hsl(214,65%,67%) |
#5f96dd |
rgb(95,150,221) |
hsl(214,65%,62%) |
#4a88d9 |
rgb(74,136,217) |
hsl(214,65%,57%) |
#357ad4 |
rgb(53,122,212) |
hsl(214,65%,52%) |
#2a6dc6 |
rgb(42,109,198) |
hsl(214,65%,47%) |
#2562b1 |
rgb(37,98,177) |
hsl(214,65%,42%) |
#21569c |
rgb(33,86,156) |
hsl(214,65%,37%) |
#1d4b87 |
rgb(29,75,135) |
hsl(214,65%,32%) |
#183f72 |
rgb(24,63,114) |
hsl(214,65%,27%) |
#14335d |
rgb(20,51,93) |
hsl(214,65%,22%) |
#0f2848 |
rgb(15,40,72) |
hsl(214,65%,17%) |
#0b1c32 |
rgb(11,28,50) |
hsl(214,65%,12%) |
#06101d |
rgb(6,16,29) |
hsl(214,65%,7%) |
#020508 |
rgb(2,5,8) |
hsl(214,65%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#37D4C5 |
rgb(55,212,197) |
hsl(174,65%,52%) |
#377AD4 |
rgb(55,122,212) |
hsl(214,65%,52%) |
#5C38D4 |
rgb(92,56,212) |
hsl(254,64%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7DA8E3 |
rgb(125,168,227) |
hsl(215,65%,69%) |
#5A91DB |
rgb(90,145,219) |
hsl(214,64%,61%) |
#377AD4 |
rgb(55,122,212) |
hsl(214,65%,52%) |
#2766B8 |
rgb(39,102,184) |
hsl(214,65%,44%) |
#205295 |
rgb(32,82,149) |
hsl(214,65%,35%) |
#184072 |
rgb(24,64,114) |
hsl(213,65%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#377AD4 |
rgb(55,122,212) |
hsl(214,65%,52%) |
#D44237 |
rgb(212,66,55) |
hsl(4,65%,52%) |
#C8D437 |
rgb(200,212,55) |
hsl(65,65%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#377AD4 |
rgb(55,122,212) |
hsl(214,65%,52%) |
#D49137 |
rgb(212,145,55) |
hsl(34,65%,52%) |
#37C9D4 |
rgb(55,201,212) |
hsl(184,65%,52%) |
#C8D437 |
rgb(200,212,55) |
hsl(65,65%,52%) |