HEX #3A7AD0 color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

3A7AD0 color palette from light to dark

HEX RGB HSL
#f3f7fc rgb(243,247,252) hsl(214,61%,97%)
#dee9f7 rgb(222,233,247) hsl(214,61%,92%)
#cadbf2 rgb(202,219,242) hsl(214,61%,87%)
#b5cded rgb(181,205,237) hsl(214,61%,82%)
#a1c0e8 rgb(161,192,232) hsl(214,61%,77%)
#8cb2e3 rgb(140,178,227) hsl(214,61%,72%)
#78a4de rgb(120,164,222) hsl(214,61%,67%)
#6396d9 rgb(99,150,217) hsl(214,61%,62%)
#4e88d4 rgb(78,136,212) hsl(214,61%,57%)
#3a7bcf rgb(58,123,207) hsl(214,61%,52%)
#2f6ec1 rgb(47,110,193) hsl(214,61%,47%)
#2a62ac rgb(42,98,172) hsl(214,61%,42%)
#255798 rgb(37,87,152) hsl(214,61%,37%)
#204b83 rgb(32,75,131) hsl(214,61%,32%)
#1b3f6f rgb(27,63,111) hsl(214,61%,27%)
#16345a rgb(22,52,90) hsl(214,61%,22%)
#112846 rgb(17,40,70) hsl(214,61%,17%)
#0c1c31 rgb(12,28,49) hsl(214,61%,12%)
#07101d rgb(7,16,29) hsl(214,61%,7%)
#020508 rgb(2,5,8) hsl(214,61%,2%)

Adjacent colors

HEX RGB HSL
#3AD1C2 rgb(58,209,194) hsl(174,62%,52%)
#3A7AD0 rgb(58,122,208) hsl(214,61%,52%)
#5E3BD0 rgb(94,59,208) hsl(254,61%,52%)

Monochromatic colors

HEX RGB HSL
#7EA8E0 rgb(126,168,224) hsl(214,61%,69%)
#5C91D8 rgb(92,145,216) hsl(214,61%,60%)
#3A7AD0 rgb(58,122,208) hsl(214,61%,52%)
#2B66B4 rgb(43,102,180) hsl(214,61%,44%)
#225292 rgb(34,82,146) hsl(214,62%,35%)
#1A406F rgb(26,64,111) hsl(213,62%,27%)

Triad color palettes

HEX RGB HSL
#3A7AD0 rgb(58,122,208) hsl(214,61%,52%)
#D0453A rgb(208,69,58) hsl(4,61%,52%)
#C5D13A rgb(197,209,58) hsl(65,62%,52%)

Tetrad color palettes

HEX RGB HSL
#3A7AD0 rgb(58,122,208) hsl(214,61%,52%)
#D08F3A rgb(208,143,58) hsl(34,61%,52%)
#3AC4D0 rgb(58,196,208) hsl(185,61%,52%)
#C5D13A rgb(197,209,58) hsl(65,62%,52%)