HEX #367AD6 color — Mariner
The color #367AD6 is a dark shade and moderately saturated.
Palette
367AD6 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(215,66%,98%) |
#e1ebf9 |
rgb(225,235,249) |
hsl(215,66%,93%) |
#ccddf5 |
rgb(204,221,245) |
hsl(215,66%,88%) |
#b7cff0 |
rgb(183,207,240) |
hsl(215,66%,83%) |
#a2c1ec |
rgb(162,193,236) |
hsl(215,66%,78%) |
#8db3e8 |
rgb(141,179,232) |
hsl(215,66%,73%) |
#78a4e3 |
rgb(120,164,227) |
hsl(215,66%,68%) |
#6296df |
rgb(98,150,223) |
hsl(215,66%,63%) |
#4d88db |
rgb(77,136,219) |
hsl(215,66%,58%) |
#387ad6 |
rgb(56,122,214) |
hsl(215,66%,53%) |
#2a6dcb |
rgb(42,109,203) |
hsl(215,66%,48%) |
#2562b6 |
rgb(37,98,182) |
hsl(215,66%,43%) |
#2156a1 |
rgb(33,86,161) |
hsl(215,66%,38%) |
#1d4b8c |
rgb(29,75,140) |
hsl(215,66%,33%) |
#184077 |
rgb(24,64,119) |
hsl(215,66%,28%) |
#143461 |
rgb(20,52,97) |
hsl(215,66%,23%) |
#10294c |
rgb(16,41,76) |
hsl(215,66%,18%) |
#0b1e37 |
rgb(11,30,55) |
hsl(215,66%,13%) |
#071222 |
rgb(7,18,34) |
hsl(215,66%,8%) |
#03070d |
rgb(3,7,13) |
hsl(215,66%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36D6C7 |
rgb(54,214,199) |
hsl(174,66%,53%) |
#367AD6 |
rgb(54,122,214) |
hsl(215,66%,53%) |
#5C36D6 |
rgb(92,54,214) |
hsl(254,66%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7DA8E4 |
rgb(125,168,228) |
hsl(215,66%,69%) |
#5991DD |
rgb(89,145,221) |
hsl(215,66%,61%) |
#367AD6 |
rgb(54,122,214) |
hsl(215,66%,53%) |
#2666BA |
rgb(38,102,186) |
hsl(214,66%,44%) |
#1E5297 |
rgb(30,82,151) |
hsl(214,67%,35%) |
#174073 |
rgb(23,64,115) |
hsl(213,67%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#367AD6 |
rgb(54,122,214) |
hsl(215,66%,53%) |
#D64236 |
rgb(214,66,54) |
hsl(5,66%,53%) |
#CAD636 |
rgb(202,214,54) |
hsl(65,66%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#367AD6 |
rgb(54,122,214) |
hsl(215,66%,53%) |
#D69136 |
rgb(214,145,54) |
hsl(34,66%,53%) |
#36C9D6 |
rgb(54,201,214) |
hsl(185,66%,53%) |
#CAD636 |
rgb(202,214,54) |
hsl(65,66%,53%) |