HEX #3A78D1 color — Mariner
The color #3A78D1 is a dark shade and moderately saturated.
Palette
3A78D1 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(215,62%,97%) |
#dee8f7 |
rgb(222,232,247) |
hsl(215,62%,92%) |
#c9daf2 |
rgb(201,218,242) |
hsl(215,62%,87%) |
#b5ccee |
rgb(181,204,238) |
hsl(215,62%,82%) |
#a0bee9 |
rgb(160,190,233) |
hsl(215,62%,77%) |
#8bb0e4 |
rgb(139,176,228) |
hsl(215,62%,72%) |
#77a2df |
rgb(119,162,223) |
hsl(215,62%,67%) |
#6294da |
rgb(98,148,218) |
hsl(215,62%,62%) |
#4d86d5 |
rgb(77,134,213) |
hsl(215,62%,57%) |
#3978d0 |
rgb(57,120,208) |
hsl(215,62%,52%) |
#2e6bc2 |
rgb(46,107,194) |
hsl(215,62%,47%) |
#2960ae |
rgb(41,96,174) |
hsl(215,62%,42%) |
#245599 |
rgb(36,85,153) |
hsl(215,62%,37%) |
#1f4984 |
rgb(31,73,132) |
hsl(215,62%,32%) |
#1a3e70 |
rgb(26,62,112) |
hsl(215,62%,27%) |
#15325b |
rgb(21,50,91) |
hsl(215,62%,22%) |
#102746 |
rgb(16,39,70) |
hsl(215,62%,17%) |
#0c1b32 |
rgb(12,27,50) |
hsl(215,62%,12%) |
#07101d |
rgb(7,16,29) |
hsl(215,62%,7%) |
#020508 |
rgb(2,5,8) |
hsl(215,62%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD1C5 |
rgb(58,209,197) |
hsl(175,62%,52%) |
#3A78D1 |
rgb(58,120,209) |
hsl(215,62%,52%) |
#603BD1 |
rgb(96,59,209) |
hsl(255,62%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7FA8E1 |
rgb(127,168,225) |
hsl(215,62%,69%) |
#5C8FD9 |
rgb(92,143,217) |
hsl(216,62%,61%) |
#3A78D1 |
rgb(58,120,209) |
hsl(215,62%,52%) |
#2A63B5 |
rgb(42,99,181) |
hsl(215,62%,44%) |
#225293 |
rgb(34,82,147) |
hsl(215,62%,35%) |
#1A3D70 |
rgb(26,61,112) |
hsl(216,62%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A78D1 |
rgb(58,120,209) |
hsl(215,62%,52%) |
#D1473A |
rgb(209,71,58) |
hsl(5,62%,52%) |
#C3D13A |
rgb(195,209,58) |
hsl(66,62%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A78D1 |
rgb(58,120,209) |
hsl(215,62%,52%) |
#D1943A |
rgb(209,148,58) |
hsl(36,62%,52%) |
#3AC4D1 |
rgb(58,196,209) |
hsl(185,62%,52%) |
#C3D13A |
rgb(195,209,58) |
hsl(66,62%,52%) |