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