HEX #3A5ED1 color — Mariner
The color #3A5ED1 is a dark shade and moderately saturated.
Palette
3A5ED1 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(226,62%,97%) |
#dee4f7 |
rgb(222,228,247) |
hsl(226,62%,92%) |
#c9d3f2 |
rgb(201,211,242) |
hsl(226,62%,87%) |
#b5c2ee |
rgb(181,194,238) |
hsl(226,62%,82%) |
#a0b1e9 |
rgb(160,177,233) |
hsl(226,62%,77%) |
#8ba0e4 |
rgb(139,160,228) |
hsl(226,62%,72%) |
#778fdf |
rgb(119,143,223) |
hsl(226,62%,67%) |
#627eda |
rgb(98,126,218) |
hsl(226,62%,62%) |
#4d6dd5 |
rgb(77,109,213) |
hsl(226,62%,57%) |
#395cd0 |
rgb(57,92,208) |
hsl(226,62%,52%) |
#2e50c2 |
rgb(46,80,194) |
hsl(226,62%,47%) |
#2948ae |
rgb(41,72,174) |
hsl(226,62%,42%) |
#243f99 |
rgb(36,63,153) |
hsl(226,62%,37%) |
#1f3784 |
rgb(31,55,132) |
hsl(226,62%,32%) |
#1a2e70 |
rgb(26,46,112) |
hsl(226,62%,27%) |
#15265b |
rgb(21,38,91) |
hsl(226,62%,22%) |
#101d46 |
rgb(16,29,70) |
hsl(226,62%,17%) |
#0c1432 |
rgb(12,20,50) |
hsl(226,62%,12%) |
#070c1d |
rgb(7,12,29) |
hsl(226,62%,7%) |
#020308 |
rgb(2,3,8) |
hsl(226,62%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AC2D1 |
rgb(58,194,209) |
hsl(186,62%,52%) |
#3A5ED1 |
rgb(58,94,209) |
hsl(226,62%,52%) |
#7A3BD1 |
rgb(122,59,209) |
hsl(265,62%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7F96E1 |
rgb(127,150,225) |
hsl(226,62%,69%) |
#5C7AD9 |
rgb(92,122,217) |
hsl(226,62%,61%) |
#3A5ED1 |
rgb(58,94,209) |
hsl(226,62%,52%) |
#2A4DB5 |
rgb(42,77,181) |
hsl(225,62%,44%) |
#223D93 |
rgb(34,61,147) |
hsl(226,62%,35%) |
#1A2E70 |
rgb(26,46,112) |
hsl(226,62%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A5ED1 |
rgb(58,94,209) |
hsl(226,62%,52%) |
#D1613A |
rgb(209,97,58) |
hsl(15,62%,52%) |
#A9D13A |
rgb(169,209,58) |
hsl(76,62%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A5ED1 |
rgb(58,94,209) |
hsl(226,62%,52%) |
#D1AD3A |
rgb(209,173,58) |
hsl(46,62%,52%) |
#3AA8D1 |
rgb(58,168,209) |
hsl(196,62%,52%) |
#A9D13A |
rgb(169,209,58) |
hsl(76,62%,52%) |