HEX #336BD9 color — Mariner
The color #336BD9 is a dark shade and moderately saturated.
Palette
336BD9 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fd |
rgb(246,249,253) |
hsl(220,69%,98%) |
#e1e9f9 |
rgb(225,233,249) |
hsl(220,69%,93%) |
#cbd9f6 |
rgb(203,217,246) |
hsl(220,69%,88%) |
#b6caf2 |
rgb(182,202,242) |
hsl(220,69%,83%) |
#a0baee |
rgb(160,186,238) |
hsl(220,69%,78%) |
#8baaea |
rgb(139,170,234) |
hsl(220,69%,73%) |
#759be6 |
rgb(117,155,230) |
hsl(220,69%,68%) |
#608be2 |
rgb(96,139,226) |
hsl(220,69%,63%) |
#4a7bde |
rgb(74,123,222) |
hsl(220,69%,58%) |
#346cda |
rgb(52,108,218) |
hsl(220,69%,53%) |
#265ecf |
rgb(38,94,207) |
hsl(220,69%,48%) |
#2254b9 |
rgb(34,84,185) |
hsl(220,69%,43%) |
#1e4ba4 |
rgb(30,75,164) |
hsl(220,69%,38%) |
#1a418e |
rgb(26,65,142) |
hsl(220,69%,33%) |
#163779 |
rgb(22,55,121) |
hsl(220,69%,28%) |
#122d63 |
rgb(18,45,99) |
hsl(220,69%,23%) |
#0e234e |
rgb(14,35,78) |
hsl(220,69%,18%) |
#0a1a38 |
rgb(10,26,56) |
hsl(220,69%,13%) |
#061022 |
rgb(6,16,34) |
hsl(220,69%,8%) |
#02060d |
rgb(2,6,13) |
hsl(220,69%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#33D9D8 |
rgb(51,217,216) |
hsl(180,69%,53%) |
#336BD9 |
rgb(51,107,217) |
hsl(220,69%,53%) |
#6933D9 |
rgb(105,51,217) |
hsl(260,69%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7BA1E6 |
rgb(123,161,230) |
hsl(219,68%,69%) |
#5785DF |
rgb(87,133,223) |
hsl(220,68%,61%) |
#336BD9 |
rgb(51,107,217) |
hsl(220,69%,53%) |
#2357BD |
rgb(35,87,189) |
hsl(220,69%,44%) |
#1C4799 |
rgb(28,71,153) |
hsl(219,69%,35%) |
#153675 |
rgb(21,54,117) |
hsl(219,70%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#336BD9 |
rgb(51,107,217) |
hsl(220,69%,53%) |
#D94F33 |
rgb(217,79,51) |
hsl(10,69%,53%) |
#BED933 |
rgb(190,217,51) |
hsl(70,69%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336BD9 |
rgb(51,107,217) |
hsl(220,69%,53%) |
#D9A133 |
rgb(217,161,51) |
hsl(40,69%,53%) |
#33BFD9 |
rgb(51,191,217) |
hsl(189,69%,53%) |
#BED933 |
rgb(190,217,51) |
hsl(70,69%,53%) |