HEX #3476C5 color — Mariner
The color #3476c5 is a dark shade and moderately saturated.
Palette
3476c5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(213,58%,99%) |
#e7eff9 |
rgb(231,239,249) |
hsl(213,58%,94%) |
#d3e1f3 |
rgb(211,225,243) |
hsl(213,58%,89%) |
#bfd4ee |
rgb(191,212,238) |
hsl(213,58%,84%) |
#aac6e9 |
rgb(170,198,233) |
hsl(213,58%,79%) |
#96b9e3 |
rgb(150,185,227) |
hsl(213,58%,74%) |
#82abde |
rgb(130,171,222) |
hsl(213,58%,69%) |
#6e9ed8 |
rgb(110,158,216) |
hsl(213,58%,64%) |
#5a90d3 |
rgb(90,144,211) |
hsl(213,58%,59%) |
#4683ce |
rgb(70,131,206) |
hsl(213,58%,54%) |
#3476c5 |
rgb(52,118,197) |
hsl(213,58%,49%) |
#2f6ab1 |
rgb(47,106,177) |
hsl(213,58%,44%) |
#2a5e9d |
rgb(42,94,157) |
hsl(213,58%,39%) |
#245289 |
rgb(36,82,137) |
hsl(213,58%,34%) |
#1f4675 |
rgb(31,70,117) |
hsl(213,58%,29%) |
#1a3a61 |
rgb(26,58,97) |
hsl(213,58%,24%) |
#142e4d |
rgb(20,46,77) |
hsl(213,58%,19%) |
#0f2238 |
rgb(15,34,56) |
hsl(213,58%,14%) |
#0a1624 |
rgb(10,22,36) |
hsl(213,58%,9%) |
#040a10 |
rgb(4,10,16) |
hsl(213,58%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#34C4B3 |
rgb(52,196,179) |
hsl(173,58%,49%) |
#3476C5 |
rgb(52,118,197) |
hsl(213,58%,49%) |
#5233C5 |
rgb(82,51,197) |
hsl(253,59%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6FA1D9 |
rgb(111,161,217) |
hsl(212,58%,64%) |
#508AD0 |
rgb(80,138,208) |
hsl(213,58%,56%) |
#3476C5 |
rgb(52,118,197) |
hsl(213,58%,49%) |
#2B63A5 |
rgb(43,99,165) |
hsl(212,59%,41%) |
#234F85 |
rgb(35,79,133) |
hsl(213,58%,33%) |
#1B3D66 |
rgb(27,61,102) |
hsl(213,58%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3476C5 |
rgb(52,118,197) |
hsl(213,58%,49%) |
#C53B34 |
rgb(197,59,52) |
hsl(3,58%,49%) |
#BEC434 |
rgb(190,196,52) |
hsl(63,58%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3476C5 |
rgb(52,118,197) |
hsl(213,58%,49%) |
#C58234 |
rgb(197,130,52) |
hsl(32,58%,49%) |
#34BFC5 |
rgb(52,191,197) |
hsl(182,58%,49%) |
#BEC434 |
rgb(190,196,52) |
hsl(63,58%,49%) |