HEX #366BC9 color — Mariner
The color #366BC9 is a dark shade and moderately saturated.
Palette
366BC9 color palette from light to dark
HEX |
RGB |
HSL |
#ebf0fa |
rgb(235,240,250) |
hsl(218,58%,95%) |
#d7e2f4 |
rgb(215,226,244) |
hsl(218,58%,90%) |
#c3d3ef |
rgb(195,211,239) |
hsl(218,58%,85%) |
#aec4ea |
rgb(174,196,234) |
hsl(218,58%,80%) |
#9ab5e4 |
rgb(154,181,228) |
hsl(218,58%,75%) |
#86a7df |
rgb(134,167,223) |
hsl(218,58%,70%) |
#7298da |
rgb(114,152,218) |
hsl(218,58%,65%) |
#5e89d4 |
rgb(94,137,212) |
hsl(218,58%,60%) |
#4a7bcf |
rgb(74,123,207) |
hsl(218,58%,55%) |
#366cc9 |
rgb(54,108,201) |
hsl(218,58%,50%) |
#3061b5 |
rgb(48,97,181) |
hsl(218,58%,45%) |
#2b56a1 |
rgb(43,86,161) |
hsl(218,58%,40%) |
#254b8d |
rgb(37,75,141) |
hsl(218,58%,35%) |
#204179 |
rgb(32,65,121) |
hsl(218,58%,30%) |
#1b3665 |
rgb(27,54,101) |
hsl(218,58%,25%) |
#152b51 |
rgb(21,43,81) |
hsl(218,58%,20%) |
#10203c |
rgb(16,32,60) |
hsl(218,58%,15%) |
#0b1628 |
rgb(11,22,40) |
hsl(218,58%,10%) |
#050b14 |
rgb(5,11,20) |
hsl(218,58%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#36C9C5 |
rgb(54,201,197) |
hsl(178,58%,50%) |
#366BC9 |
rgb(54,107,201) |
hsl(218,58%,50%) |
#6336C9 |
rgb(99,54,201) |
hsl(258,58%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#769CDA |
rgb(118,156,218) |
hsl(217,57%,66%) |
#5682D1 |
rgb(86,130,209) |
hsl(219,57%,58%) |
#366BC9 |
rgb(54,107,201) |
hsl(218,58%,50%) |
#2D59A8 |
rgb(45,89,168) |
hsl(219,58%,42%) |
#244A88 |
rgb(36,74,136) |
hsl(217,58%,34%) |
#1C3868 |
rgb(28,56,104) |
hsl(218,58%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#366BC9 |
rgb(54,107,201) |
hsl(218,58%,50%) |
#C94A36 |
rgb(201,74,54) |
hsl(8,58%,50%) |
#B4C936 |
rgb(180,201,54) |
hsl(69,58%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366BC9 |
rgb(54,107,201) |
hsl(218,58%,50%) |
#C99436 |
rgb(201,148,54) |
hsl(38,58%,50%) |
#36B5C9 |
rgb(54,181,201) |
hsl(188,58%,50%) |
#B4C936 |
rgb(180,201,54) |
hsl(69,58%,50%) |