HEX #377AD0 color — Mariner
The color #377AD0 is a dark shade and moderately saturated.
Palette
377AD0 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(214,62%,97%) |
#dee9f7 |
rgb(222,233,247) |
hsl(214,62%,92%) |
#c9dbf2 |
rgb(201,219,242) |
hsl(214,62%,87%) |
#b5cdee |
rgb(181,205,238) |
hsl(214,62%,82%) |
#a0c0e9 |
rgb(160,192,233) |
hsl(214,62%,77%) |
#8bb2e4 |
rgb(139,178,228) |
hsl(214,62%,72%) |
#77a4df |
rgb(119,164,223) |
hsl(214,62%,67%) |
#6296da |
rgb(98,150,218) |
hsl(214,62%,62%) |
#4d88d5 |
rgb(77,136,213) |
hsl(214,62%,57%) |
#397ad0 |
rgb(57,122,208) |
hsl(214,62%,52%) |
#2e6ec2 |
rgb(46,110,194) |
hsl(214,62%,47%) |
#2962ae |
rgb(41,98,174) |
hsl(214,62%,42%) |
#245799 |
rgb(36,87,153) |
hsl(214,62%,37%) |
#1f4b84 |
rgb(31,75,132) |
hsl(214,62%,32%) |
#1a3f70 |
rgb(26,63,112) |
hsl(214,62%,27%) |
#15335b |
rgb(21,51,91) |
hsl(214,62%,22%) |
#102846 |
rgb(16,40,70) |
hsl(214,62%,17%) |
#0c1c32 |
rgb(12,28,50) |
hsl(214,62%,12%) |
#07101d |
rgb(7,16,29) |
hsl(214,62%,7%) |
#020508 |
rgb(2,5,8) |
hsl(214,62%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#37D1C0 |
rgb(55,209,192) |
hsl(173,63%,52%) |
#377AD0 |
rgb(55,122,208) |
hsl(214,62%,52%) |
#5A38D0 |
rgb(90,56,208) |
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%) |
#377AD0 |
rgb(55,122,208) |
hsl(214,62%,52%) |
#2A66B2 |
rgb(42,102,178) |
hsl(214,62%,43%) |
#225290 |
rgb(34,82,144) |
hsl(214,62%,35%) |
#1A406E |
rgb(26,64,110) |
hsl(213,62%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#377AD0 |
rgb(55,122,208) |
hsl(214,62%,52%) |
#D04037 |
rgb(208,64,55) |
hsl(4,62%,52%) |
#C6D137 |
rgb(198,209,55) |
hsl(64,63%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#377AD0 |
rgb(55,122,208) |
hsl(214,62%,52%) |
#D08C37 |
rgb(208,140,55) |
hsl(33,62%,52%) |
#37C7D0 |
rgb(55,199,208) |
hsl(184,62%,52%) |
#C6D137 |
rgb(198,209,55) |
hsl(64,63%,52%) |