HEX #3C6BD5 color — Mariner
The color #3C6BD5 is a dark shade and moderately saturated.
Palette
3C6BD5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(222,65%,99%) |
#e6ecfa |
rgb(230,236,250) |
hsl(222,65%,94%) |
#d1dcf5 |
rgb(209,220,245) |
hsl(222,65%,89%) |
#bcccf1 |
rgb(188,204,241) |
hsl(222,65%,84%) |
#a7bcec |
rgb(167,188,236) |
hsl(222,65%,79%) |
#92abe8 |
rgb(146,171,232) |
hsl(222,65%,74%) |
#7d9be3 |
rgb(125,155,227) |
hsl(222,65%,69%) |
#688bdf |
rgb(104,139,223) |
hsl(222,65%,64%) |
#527bda |
rgb(82,123,218) |
hsl(222,65%,59%) |
#3d6bd6 |
rgb(61,107,214) |
hsl(222,65%,54%) |
#2c5cce |
rgb(44,92,206) |
hsl(222,65%,49%) |
#2753b9 |
rgb(39,83,185) |
hsl(222,65%,44%) |
#234aa4 |
rgb(35,74,164) |
hsl(222,65%,39%) |
#1e408f |
rgb(30,64,143) |
hsl(222,65%,34%) |
#1a377a |
rgb(26,55,122) |
hsl(222,65%,29%) |
#152d65 |
rgb(21,45,101) |
hsl(222,65%,24%) |
#112450 |
rgb(17,36,80) |
hsl(222,65%,19%) |
#0c1a3b |
rgb(12,26,59) |
hsl(222,65%,14%) |
#081126 |
rgb(8,17,38) |
hsl(222,65%,9%) |
#040811 |
rgb(4,8,17) |
hsl(222,65%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CD1D5 |
rgb(60,209,213) |
hsl(182,65%,54%) |
#3C6BD5 |
rgb(60,107,213) |
hsl(222,65%,54%) |
#733DD5 |
rgb(115,61,213) |
hsl(261,64%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83A1E4 |
rgb(131,161,228) |
hsl(221,64%,70%) |
#5F87DC |
rgb(95,135,220) |
hsl(221,64%,62%) |
#3C6BD5 |
rgb(60,107,213) |
hsl(222,65%,54%) |
#2857BC |
rgb(40,87,188) |
hsl(221,65%,45%) |
#204598 |
rgb(32,69,152) |
hsl(222,65%,36%) |
#193674 |
rgb(25,54,116) |
hsl(221,65%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C6BD5 |
rgb(60,107,213) |
hsl(222,65%,54%) |
#D5593C |
rgb(213,89,60) |
hsl(11,65%,54%) |
#B7D63C |
rgb(183,214,60) |
hsl(72,65%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C6BD5 |
rgb(60,107,213) |
hsl(222,65%,54%) |
#D5A63C |
rgb(213,166,60) |
hsl(42,65%,54%) |
#3CB8D5 |
rgb(60,184,213) |
hsl(191,65%,54%) |
#B7D63C |
rgb(183,214,60) |
hsl(72,65%,54%) |