HEX #3B6BD0 color — Mariner
The color #3B6BD0 is a dark shade and moderately saturated.
Palette
3B6BD0 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(221,61%,97%) |
#dee6f7 |
rgb(222,230,247) |
hsl(221,61%,92%) |
#cad6f2 |
rgb(202,214,242) |
hsl(221,61%,87%) |
#b5c7ed |
rgb(181,199,237) |
hsl(221,61%,82%) |
#a1b7e8 |
rgb(161,183,232) |
hsl(221,61%,77%) |
#8ca8e3 |
rgb(140,168,227) |
hsl(221,61%,72%) |
#7898de |
rgb(120,152,222) |
hsl(221,61%,67%) |
#6388d9 |
rgb(99,136,217) |
hsl(221,61%,62%) |
#4e79d4 |
rgb(78,121,212) |
hsl(221,61%,57%) |
#3a69cf |
rgb(58,105,207) |
hsl(221,61%,52%) |
#2f5dc1 |
rgb(47,93,193) |
hsl(221,61%,47%) |
#2a53ac |
rgb(42,83,172) |
hsl(221,61%,42%) |
#254998 |
rgb(37,73,152) |
hsl(221,61%,37%) |
#203f83 |
rgb(32,63,131) |
hsl(221,61%,32%) |
#1b356f |
rgb(27,53,111) |
hsl(221,61%,27%) |
#162c5a |
rgb(22,44,90) |
hsl(221,61%,22%) |
#112246 |
rgb(17,34,70) |
hsl(221,61%,17%) |
#0c1831 |
rgb(12,24,49) |
hsl(221,61%,12%) |
#070e1d |
rgb(7,14,29) |
hsl(221,61%,7%) |
#020408 |
rgb(2,4,8) |
hsl(221,61%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BCFD0 |
rgb(59,207,208) |
hsl(180,61%,52%) |
#3B6BD0 |
rgb(59,107,208) |
hsl(221,61%,52%) |
#6E3BD0 |
rgb(110,59,208) |
hsl(261,61%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7F9EE0 |
rgb(127,158,224) |
hsl(221,61%,69%) |
#5D85D8 |
rgb(93,133,216) |
hsl(220,61%,61%) |
#3B6BD0 |
rgb(59,107,208) |
hsl(221,61%,52%) |
#2B57B4 |
rgb(43,87,180) |
hsl(221,61%,44%) |
#234792 |
rgb(35,71,146) |
hsl(221,61%,35%) |
#1A366F |
rgb(26,54,111) |
hsl(220,62%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B6BD0 |
rgb(59,107,208) |
hsl(221,61%,52%) |
#D0573B |
rgb(208,87,59) |
hsl(11,61%,52%) |
#B5D13B |
rgb(181,209,59) |
hsl(71,62%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B6BD0 |
rgb(59,107,208) |
hsl(221,61%,52%) |
#D0A13B |
rgb(208,161,59) |
hsl(41,61%,52%) |
#3BB5D0 |
rgb(59,181,208) |
hsl(191,61%,52%) |
#B5D13B |
rgb(181,209,59) |
hsl(71,62%,53%) |