HEX #3C7DCD color — Mariner
The color #3c7dcd is a dark shade and moderately saturated.
Palette
3c7dcd color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(213,59%,97%) |
#dfe9f7 |
rgb(223,233,247) |
hsl(213,59%,92%) |
#cadcf1 |
rgb(202,220,241) |
hsl(213,59%,87%) |
#b6ceec |
rgb(182,206,236) |
hsl(213,59%,82%) |
#a2c1e7 |
rgb(162,193,231) |
hsl(213,59%,77%) |
#8db3e2 |
rgb(141,179,226) |
hsl(213,59%,72%) |
#79a6dc |
rgb(121,166,220) |
hsl(213,59%,67%) |
#6598d7 |
rgb(101,152,215) |
hsl(213,59%,62%) |
#518bd2 |
rgb(81,139,210) |
hsl(213,59%,57%) |
#3c7dcd |
rgb(60,125,205) |
hsl(213,59%,52%) |
#3171bf |
rgb(49,113,191) |
hsl(213,59%,47%) |
#2c65aa |
rgb(44,101,170) |
hsl(213,59%,42%) |
#275996 |
rgb(39,89,150) |
hsl(213,59%,37%) |
#214d82 |
rgb(33,77,130) |
hsl(213,59%,32%) |
#1c416d |
rgb(28,65,109) |
hsl(213,59%,27%) |
#173559 |
rgb(23,53,89) |
hsl(213,59%,22%) |
#122945 |
rgb(18,41,69) |
hsl(213,59%,17%) |
#0d1d31 |
rgb(13,29,49) |
hsl(213,59%,12%) |
#07111c |
rgb(7,17,28) |
hsl(213,59%,7%) |
#020508 |
rgb(2,5,8) |
hsl(213,59%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CCCBC |
rgb(60,204,188) |
hsl(173,59%,52%) |
#3C7DCD |
rgb(60,125,205) |
hsl(213,59%,52%) |
#5B3DCD |
rgb(91,61,205) |
hsl(253,59%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7FABDE |
rgb(127,171,222) |
hsl(212,59%,68%) |
#5D94D5 |
rgb(93,148,213) |
hsl(213,59%,60%) |
#3C7DCD |
rgb(60,125,205) |
hsl(213,59%,52%) |
#2D69B1 |
rgb(45,105,177) |
hsl(213,59%,44%) |
#24548F |
rgb(36,84,143) |
hsl(213,60%,35%) |
#1C406D |
rgb(28,64,109) |
hsl(213,59%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C7DCD |
rgb(60,125,205) |
hsl(213,59%,52%) |
#CD423C |
rgb(205,66,60) |
hsl(2,59%,52%) |
#C5CC3C |
rgb(197,204,60) |
hsl(63,59%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C7DCD |
rgb(60,125,205) |
hsl(213,59%,52%) |
#CD8C3C |
rgb(205,140,60) |
hsl(33,59%,52%) |
#3CC4CD |
rgb(60,196,205) |
hsl(184,59%,52%) |
#C5CC3C |
rgb(197,204,60) |
hsl(63,59%,52%) |