HEX #3A7BCF color — Mariner

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

Color codes

copy icon
copy icon
copy icon

Palette

3a7bcf 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
#3ACFBF rgb(58,207,191) hsl(174,61%,52%)
#3A7BCF rgb(58,123,207) hsl(214,61%,52%)
#5C3BCF rgb(92,59,207) hsl(253,61%,52%)

Monochromatic colors

HEX RGB HSL
#7EA8DF rgb(126,168,223) hsl(214,60%,68%)
#5C91D7 rgb(92,145,215) hsl(214,61%,60%)
#3A7BCF rgb(58,123,207) hsl(214,61%,52%)
#2B66B2 rgb(43,102,178) hsl(214,61%,43%)
#235490 rgb(35,84,144) hsl(213,61%,35%)
#1B406E rgb(27,64,110) hsl(213,61%,27%)

Triad color palettes

HEX RGB HSL
#3A7BCF rgb(58,123,207) hsl(214,61%,52%)
#CF423A rgb(207,66,58) hsl(3,61%,52%)
#C5CF3A rgb(197,207,58) hsl(64,61%,52%)

Tetrad color palettes

HEX RGB HSL
#3A7BCF rgb(58,123,207) hsl(214,61%,52%)
#CF8F3A rgb(207,143,58) hsl(34,61%,52%)
#3AC4CF rgb(58,196,207) hsl(184,61%,52%)
#C5CF3A rgb(197,207,58) hsl(64,61%,52%)