HEX #3B7AD6 color — Mariner
The color #3B7AD6 is a dark shade and moderately saturated.
Palette
3B7AD6 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(216,65%,99%) |
#e6eefa |
rgb(230,238,250) |
hsl(216,65%,94%) |
#d1dff5 |
rgb(209,223,245) |
hsl(216,65%,89%) |
#bcd1f1 |
rgb(188,209,241) |
hsl(216,65%,84%) |
#a7c2ec |
rgb(167,194,236) |
hsl(216,65%,79%) |
#92b4e8 |
rgb(146,180,232) |
hsl(216,65%,74%) |
#7da6e3 |
rgb(125,166,227) |
hsl(216,65%,69%) |
#6897df |
rgb(104,151,223) |
hsl(216,65%,64%) |
#5289da |
rgb(82,137,218) |
hsl(216,65%,59%) |
#3d7ad6 |
rgb(61,122,214) |
hsl(216,65%,54%) |
#2c6dce |
rgb(44,109,206) |
hsl(216,65%,49%) |
#2762b9 |
rgb(39,98,185) |
hsl(216,65%,44%) |
#2357a4 |
rgb(35,87,164) |
hsl(216,65%,39%) |
#1e4b8f |
rgb(30,75,143) |
hsl(216,65%,34%) |
#1a407a |
rgb(26,64,122) |
hsl(216,65%,29%) |
#153565 |
rgb(21,53,101) |
hsl(216,65%,24%) |
#112a50 |
rgb(17,42,80) |
hsl(216,65%,19%) |
#0c1f3b |
rgb(12,31,59) |
hsl(216,65%,14%) |
#081426 |
rgb(8,20,38) |
hsl(216,65%,9%) |
#040911 |
rgb(4,9,17) |
hsl(216,65%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BD6CA |
rgb(59,214,202) |
hsl(175,65%,54%) |
#3B7AD6 |
rgb(59,122,214) |
hsl(216,65%,54%) |
#633BD6 |
rgb(99,59,214) |
hsl(255,65%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83ABE5 |
rgb(131,171,229) |
hsl(216,65%,71%) |
#5F91DD |
rgb(95,145,221) |
hsl(216,65%,62%) |
#3B7AD6 |
rgb(59,122,214) |
hsl(216,65%,54%) |
#2763BD |
rgb(39,99,189) |
hsl(216,66%,45%) |
#205299 |
rgb(32,82,153) |
hsl(215,65%,36%) |
#183D75 |
rgb(24,61,117) |
hsl(216,66%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B7AD6 |
rgb(59,122,214) |
hsl(216,65%,54%) |
#D64A3B |
rgb(214,74,59) |
hsl(6,65%,54%) |
#C7D63B |
rgb(199,214,59) |
hsl(66,65%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B7AD6 |
rgb(59,122,214) |
hsl(216,65%,54%) |
#D6963B |
rgb(214,150,59) |
hsl(35,65%,54%) |
#3BC7D6 |
rgb(59,199,214) |
hsl(186,65%,54%) |
#C7D63B |
rgb(199,214,59) |
hsl(66,65%,54%) |