HEX #3C7AD5 color — Mariner
The color #3C7AD5 is a dark shade and moderately saturated.
Palette
3C7AD5 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 |
#3CD6CA |
rgb(60,214,202) |
hsl(175,65%,54%) |
#3C7AD5 |
rgb(60,122,213) |
hsl(216,65%,54%) |
#643DD5 |
rgb(100,61,213) |
hsl(255,64%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83ABE4 |
rgb(131,171,228) |
hsl(215,64%,70%) |
#5F91DC |
rgb(95,145,220) |
hsl(216,64%,62%) |
#3C7AD5 |
rgb(60,122,213) |
hsl(216,65%,54%) |
#2863BC |
rgb(40,99,188) |
hsl(216,65%,45%) |
#205298 |
rgb(32,82,152) |
hsl(215,65%,36%) |
#193D74 |
rgb(25,61,116) |
hsl(216,65%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C7AD5 |
rgb(60,122,213) |
hsl(216,65%,54%) |
#D54A3C |
rgb(213,74,60) |
hsl(5,65%,54%) |
#C6D63C |
rgb(198,214,60) |
hsl(66,65%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C7AD5 |
rgb(60,122,213) |
hsl(216,65%,54%) |
#D5963C |
rgb(213,150,60) |
hsl(35,65%,54%) |
#3CC7D5 |
rgb(60,199,213) |
hsl(185,65%,54%) |
#C6D63C |
rgb(198,214,60) |
hsl(66,65%,54%) |