HEX #3A7DD1 color — Mariner

The color #3A7DD1 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

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%)