HEX #3A7DCD color — Mariner
The color #3A7DCD is a dark shade and moderately saturated.
Palette
3A7DCD color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(213,60%,97%) |
#dee9f7 |
rgb(222,233,247) |
hsl(213,60%,92%) |
#cadcf2 |
rgb(202,220,242) |
hsl(213,60%,87%) |
#b6ceed |
rgb(182,206,237) |
hsl(213,60%,82%) |
#a1c1e8 |
rgb(161,193,232) |
hsl(213,60%,77%) |
#8db3e2 |
rgb(141,179,226) |
hsl(213,60%,72%) |
#78a6dd |
rgb(120,166,221) |
hsl(213,60%,67%) |
#6498d8 |
rgb(100,152,216) |
hsl(213,60%,62%) |
#508bd3 |
rgb(80,139,211) |
hsl(213,60%,57%) |
#3b7dce |
rgb(59,125,206) |
hsl(213,60%,52%) |
#3071c0 |
rgb(48,113,192) |
hsl(213,60%,47%) |
#2b65ab |
rgb(43,101,171) |
hsl(213,60%,42%) |
#265997 |
rgb(38,89,151) |
hsl(213,60%,37%) |
#214d83 |
rgb(33,77,131) |
hsl(213,60%,32%) |
#1c416e |
rgb(28,65,110) |
hsl(213,60%,27%) |
#16355a |
rgb(22,53,90) |
hsl(213,60%,22%) |
#112945 |
rgb(17,41,69) |
hsl(213,60%,17%) |
#0c1d31 |
rgb(12,29,49) |
hsl(213,60%,12%) |
#07111d |
rgb(7,17,29) |
hsl(213,60%,7%) |
#020508 |
rgb(2,5,8) |
hsl(213,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ACCBB |
rgb(58,204,187) |
hsl(173,59%,51%) |
#3A7DCD |
rgb(58,125,205) |
hsl(213,60%,52%) |
#593BCD |
rgb(89,59,205) |
hsl(252,59%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7DA8DE |
rgb(125,168,222) |
hsl(213,60%,68%) |
#5B94D5 |
rgb(91,148,213) |
hsl(212,59%,60%) |
#3A7DCD |
rgb(58,125,205) |
hsl(213,60%,52%) |
#2C69B0 |
rgb(44,105,176) |
hsl(212,60%,43%) |
#24548E |
rgb(36,84,142) |
hsl(213,60%,35%) |
#1B406D |
rgb(27,64,109) |
hsl(213,60%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A7DCD |
rgb(58,125,205) |
hsl(213,60%,52%) |
#CD403A |
rgb(205,64,58) |
hsl(2,60%,52%) |
#C6CC3A |
rgb(198,204,58) |
hsl(62,59%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A7DCD |
rgb(58,125,205) |
hsl(213,60%,52%) |
#CD8A3A |
rgb(205,138,58) |
hsl(33,60%,52%) |
#3AC7CD |
rgb(58,199,205) |
hsl(182,60%,52%) |
#C6CC3A |
rgb(198,204,58) |
hsl(62,59%,51%) |