HEX #3A7DD1 color — Mariner
The color #3A7DD1 is a dark shade and moderately saturated.
Palette
3A7DD1 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(213,62%,97%) |
#dee9f7 |
rgb(222,233,247) |
hsl(213,62%,92%) |
#c9dcf2 |
rgb(201,220,242) |
hsl(213,62%,87%) |
#b5ceee |
rgb(181,206,238) |
hsl(213,62%,82%) |
#a0c1e9 |
rgb(160,193,233) |
hsl(213,62%,77%) |
#8bb3e4 |
rgb(139,179,228) |
hsl(213,62%,72%) |
#77a6df |
rgb(119,166,223) |
hsl(213,62%,67%) |
#6298da |
rgb(98,152,218) |
hsl(213,62%,62%) |
#4d8bd5 |
rgb(77,139,213) |
hsl(213,62%,57%) |
#397dd0 |
rgb(57,125,208) |
hsl(213,62%,52%) |
#2e70c2 |
rgb(46,112,194) |
hsl(213,62%,47%) |
#2964ae |
rgb(41,100,174) |
hsl(213,62%,42%) |
#245999 |
rgb(36,89,153) |
hsl(213,62%,37%) |
#1f4d84 |
rgb(31,77,132) |
hsl(213,62%,32%) |
#1a4170 |
rgb(26,65,112) |
hsl(213,62%,27%) |
#15355b |
rgb(21,53,91) |
hsl(213,62%,22%) |
#102946 |
rgb(16,41,70) |
hsl(213,62%,17%) |
#0c1d32 |
rgb(12,29,50) |
hsl(213,62%,12%) |
#07111d |
rgb(7,17,29) |
hsl(213,62%,7%) |
#020508 |
rgb(2,5,8) |
hsl(213,62%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD1C0 |
rgb(58,209,192) |
hsl(173,62%,52%) |
#3A7DD1 |
rgb(58,125,209) |
hsl(213,62%,52%) |
#5B3BD1 |
rgb(91,59,209) |
hsl(253,62%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7FABE1 |
rgb(127,171,225) |
hsl(213,62%,69%) |
#5C94D9 |
rgb(92,148,217) |
hsl(213,62%,61%) |
#3A7DD1 |
rgb(58,125,209) |
hsl(213,62%,52%) |
#2A69B5 |
rgb(42,105,181) |
hsl(213,62%,44%) |
#225493 |
rgb(34,84,147) |
hsl(213,62%,35%) |
#1A4070 |
rgb(26,64,112) |
hsl(213,62%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A7DD1 |
rgb(58,125,209) |
hsl(213,62%,52%) |
#D1423A |
rgb(209,66,58) |
hsl(3,62%,52%) |
#C8D13A |
rgb(200,209,58) |
hsl(64,62%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A7DD1 |
rgb(58,125,209) |
hsl(213,62%,52%) |
#D18F3A |
rgb(209,143,58) |
hsl(34,62%,52%) |
#3AC9D1 |
rgb(58,201,209) |
hsl(183,62%,52%) |
#C8D13A |
rgb(200,209,58) |
hsl(64,62%,52%) |