HEX #3A7BCF color — Mariner
The color #3a7bcf is a dark shade and moderately saturated.
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%) |