HEX #337AD6 color — Mariner
The color #337AD6 is a dark shade and moderately saturated.
Palette
337AD6 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fc |
rgb(242,247,252) |
hsl(214,67%,97%) |
#dde9f8 |
rgb(221,233,248) |
hsl(214,67%,92%) |
#c8dbf4 |
rgb(200,219,244) |
hsl(214,67%,87%) |
#b2cdf0 |
rgb(178,205,240) |
hsl(214,67%,82%) |
#9dbfec |
rgb(157,191,236) |
hsl(214,67%,77%) |
#88b1e7 |
rgb(136,177,231) |
hsl(214,67%,72%) |
#72a3e3 |
rgb(114,163,227) |
hsl(214,67%,67%) |
#5d95df |
rgb(93,149,223) |
hsl(214,67%,62%) |
#4888db |
rgb(72,136,219) |
hsl(214,67%,57%) |
#337ad7 |
rgb(51,122,215) |
hsl(214,67%,52%) |
#286dc8 |
rgb(40,109,200) |
hsl(214,67%,47%) |
#2362b3 |
rgb(35,98,179) |
hsl(214,67%,42%) |
#1f569e |
rgb(31,86,158) |
hsl(214,67%,37%) |
#1b4a88 |
rgb(27,74,136) |
hsl(214,67%,32%) |
#173f73 |
rgb(23,63,115) |
hsl(214,67%,27%) |
#13335e |
rgb(19,51,94) |
hsl(214,67%,22%) |
#0e2748 |
rgb(14,39,72) |
hsl(214,67%,17%) |
#0a1c33 |
rgb(10,28,51) |
hsl(214,67%,12%) |
#06101e |
rgb(6,16,30) |
hsl(214,67%,7%) |
#020509 |
rgb(2,5,9) |
hsl(214,67%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33D6C5 |
rgb(51,214,197) |
hsl(174,67%,52%) |
#337AD6 |
rgb(51,122,214) |
hsl(214,67%,52%) |
#5833D6 |
rgb(88,51,214) |
hsl(254,67%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#79A8E4 |
rgb(121,168,228) |
hsl(214,66%,68%) |
#5691DD |
rgb(86,145,221) |
hsl(214,67%,60%) |
#337AD6 |
rgb(51,122,214) |
hsl(214,67%,52%) |
#2566B9 |
rgb(37,102,185) |
hsl(214,67%,44%) |
#1E5296 |
rgb(30,82,150) |
hsl(214,67%,35%) |
#174072 |
rgb(23,64,114) |
hsl(213,66%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#337AD6 |
rgb(51,122,214) |
hsl(214,67%,52%) |
#D63D33 |
rgb(214,61,51) |
hsl(4,67%,52%) |
#CBD633 |
rgb(203,214,51) |
hsl(64,67%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#337AD6 |
rgb(51,122,214) |
hsl(214,67%,52%) |
#D68F33 |
rgb(214,143,51) |
hsl(34,67%,52%) |
#33CCD6 |
rgb(51,204,214) |
hsl(184,67%,52%) |
#CBD633 |
rgb(203,214,51) |
hsl(64,67%,52%) |