HEX #3B5ED5 color — Mariner
The color #3B5ED5 is a dark shade and moderately saturated.
Palette
3B5ED5 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(226,65%,98%) |
#e2e7f9 |
rgb(226,231,249) |
hsl(226,65%,93%) |
#cdd6f4 |
rgb(205,214,244) |
hsl(226,65%,88%) |
#b7c5f0 |
rgb(183,197,240) |
hsl(226,65%,83%) |
#a2b3eb |
rgb(162,179,235) |
hsl(226,65%,78%) |
#8da2e7 |
rgb(141,162,231) |
hsl(226,65%,73%) |
#7891e2 |
rgb(120,145,226) |
hsl(226,65%,68%) |
#6380de |
rgb(99,128,222) |
hsl(226,65%,63%) |
#4e6fda |
rgb(78,111,218) |
hsl(226,65%,58%) |
#395ed5 |
rgb(57,94,213) |
hsl(226,65%,53%) |
#2b50ca |
rgb(43,80,202) |
hsl(226,65%,48%) |
#2648b5 |
rgb(38,72,181) |
hsl(226,65%,43%) |
#223fa0 |
rgb(34,63,160) |
hsl(226,65%,38%) |
#1d378b |
rgb(29,55,139) |
hsl(226,65%,33%) |
#192f76 |
rgb(25,47,118) |
hsl(226,65%,28%) |
#152661 |
rgb(21,38,97) |
hsl(226,65%,23%) |
#101e4c |
rgb(16,30,76) |
hsl(226,65%,18%) |
#0c1637 |
rgb(12,22,55) |
hsl(226,65%,13%) |
#070d22 |
rgb(7,13,34) |
hsl(226,65%,8%) |
#03050d |
rgb(3,5,13) |
hsl(226,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BC4D5 |
rgb(59,196,213) |
hsl(187,65%,53%) |
#3B5ED5 |
rgb(59,94,213) |
hsl(226,65%,53%) |
#7E3BD5 |
rgb(126,59,213) |
hsl(266,65%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8299E4 |
rgb(130,153,228) |
hsl(226,64%,70%) |
#5E7ADC |
rgb(94,122,220) |
hsl(227,64%,62%) |
#3B5ED5 |
rgb(59,94,213) |
hsl(226,65%,53%) |
#284ABC |
rgb(40,74,188) |
hsl(226,65%,45%) |
#203B98 |
rgb(32,59,152) |
hsl(227,65%,36%) |
#182E74 |
rgb(24,46,116) |
hsl(226,66%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B5ED5 |
rgb(59,94,213) |
hsl(226,65%,53%) |
#D5663B |
rgb(213,102,59) |
hsl(17,65%,53%) |
#ABD63B |
rgb(171,214,59) |
hsl(77,65%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B5ED5 |
rgb(59,94,213) |
hsl(226,65%,53%) |
#D5B33B |
rgb(213,179,59) |
hsl(47,65%,53%) |
#3BABD5 |
rgb(59,171,213) |
hsl(196,65%,53%) |
#ABD63B |
rgb(171,214,59) |
hsl(77,65%,54%) |